:root{--paper:#eeeae1;--ink:#242b24;--muted:#62665a;--line:#cccdbf;--green:#dce6c7;--orange:#ff7140;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a8391a;outline-offset:5px}button{border:0}header,main>section,footer{max-width:1280px;margin:auto}header{height:104px;display:flex;align-items:center;justify-content:space-between;padding:24px 40px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:22px;letter-spacing:-1px;font-weight:800;text-decoration:none;white-space:nowrap}.brand-icon{font-size:38px;font-weight:400}.brand-dot{font:10px monospace;align-self:flex-start;margin:6px 0 0 -4px}nav{display:flex;align-items:center;gap:32px;font-size:14px}nav a{text-decoration:none}.plain{background:none;padding:10px 0;font-size:14px}.plain:hover,nav a:hover{text-decoration:underline}#saved-count{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;width:24px;height:24px;margin-left:6px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:64px 40px 72px}.eyebrow{font:11px/1.5 monospace;letter-spacing:1.3px;display:flex;align-items:center;gap:8px;margin:0 0 24px}.live-dot{width:7px;height:7px;border-radius:50%;background:#477441}.hero h1{font-size:clamp(60px,6.6vw,90px);line-height:.99;letter-spacing:-5px;margin:0 0 28px;font-weight:500}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}.hero h1 em{color:#546a37}.intro{font-size:16px;line-height:1.7;color:var(--muted);margin:0 0 28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:48px;padding:16px 22px;border-radius:4px;text-decoration:none;font-size:14px;line-height:1.25;font-weight:600;transition:transform .15s,background .15s}.button:hover{transform:translateY(-2px)}.dark{background:var(--ink);color:#f8f6ed}.dark:hover{background:#42503b}.light{background:#f4f3e8}.outline{background:transparent;border:1px solid var(--ink)}.small-note{font-size:11px;color:var(--muted);margin:16px 0 0}.hero-art{position:relative;background:#d9e0cd;min-height:530px;border-radius:48% 48% 3px 3px;overflow:hidden;isolation:isolate}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#7b8c5a18 1px,transparent 1px),linear-gradient(90deg,#7b8c5a18 1px,transparent 1px);background-size:28px 28px}.art-label{position:absolute;top:45px;width:100%;text-align:center;font:10px monospace;letter-spacing:1.4px}.notebook{position:absolute;left:14%;top:24%;width:53%;height:59%;background:#f8f2df;transform:rotate(-11deg);box-shadow:8px 13px 0 #81916922,3px 3px 0 #ceccb6;border:1px solid #b4b6a0;border-radius:3px;padding:35px 28px 22px 40px}.notebook:before{content:'';position:absolute;left:15px;top:0;bottom:0;border-left:2px solid #ad5c4555}.notebook>span{font-size:clamp(20px,3vw,39px);line-height:1.05;letter-spacing:-1.5px}.notebook i{font-family:Georgia,serif;color:#bd522d}.notebook-lines{height:60px;background:repeating-linear-gradient(transparent 0 19px,#bec4ae 19px 20px);margin-top:18px}.notebook small{display:block;font:10px monospace;margin-top:20px;white-space:nowrap}.coffee{position:absolute;right:8%;bottom:17%;width:115px;height:115px;border-radius:50%;background:#f7f4e4;border:1px solid #c7c6ae;box-shadow:8px 14px 0 #78856725;transform:rotate(20deg)}.coffee:before{content:'';position:absolute;right:-23px;top:39px;width:30px;height:35px;border:10px solid #f7f4e4;border-left:0;border-radius:0 20px 20px 0;z-index:-1}.coffee-inner{position:absolute;inset:17px;background:radial-gradient(ellipse at 37% 30%,#c78849 0 18%,#945e32 39%,#6b4325 75%);border:5px solid #d5c9a9;border-radius:50%}.pencil{position:absolute;left:20%;bottom:9%;width:59%;height:10px;background:#ea763b;border-top:3px solid #f69e65;border-bottom:2px solid #a6502c;transform:rotate(13deg);box-shadow:2px 6px 0 #84906d33}.pencil:before{content:'';position:absolute;left:-20px;top:-3px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:20px solid #4a3c2c}.pencil:after{content:'';position:absolute;right:0;top:-3px;width:20px;height:10px;background:#ddbaad}.flower{position:absolute;right:-2%;top:12%;width:40%;height:58%;transform:rotate(18deg)}.sticker{position:absolute;left:7%;bottom:18%;width:98px;height:98px;border-radius:50%;background:var(--orange);display:flex;flex-direction:column;align-items:center;justify-content:center;font:10px monospace;transform:rotate(-15deg);box-shadow:0 2px 4px #0001}.sticker strong{font:italic 27px Georgia}.art-bottom{position:absolute;bottom:22px;right:24px;font:10px monospace;letter-spacing:1px}.ticker{display:flex;justify-content:center;align-items:center;gap:40px;white-space:nowrap;overflow:hidden;padding:18px 24px;background:var(--ink);color:#e8edce;font:11px monospace;letter-spacing:1.5px}.ticker b{font-size:24px;font-weight:normal}.random-section{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:88px 40px}.section-intro h2,.section-heading h2{font-size:46px;letter-spacing:-2px;font-weight:500;line-height:1.1;margin:0 0 20px}.section-intro>p:not(.eyebrow),.section-heading>p{color:var(--muted);font-size:15px;line-height:1.6}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0}.filters button{background:transparent;border:1px solid #b6baaa;padding:12px 16px;border-radius:24px;font-size:13px;min-height:44px}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.section-intro label{display:block;font-size:14px;margin-bottom:28px}select{background:transparent;border:0;border-bottom:1px solid #929883;border-radius:0;padding:10px 5px;margin-left:6px;max-width:90%}.random-card{position:relative;background:var(--green);padding:28px 32px 16px;border-radius:5px;box-shadow:7px 7px 0 #c7cfb530;min-height:420px;display:flex;flex-direction:column}.card-top{display:flex;justify-content:space-between;font:10px monospace;letter-spacing:1px;border-bottom:1px solid #aeba9944;padding-bottom:20px;gap:15px}.random-symbol{font:60px Georgia;line-height:1.3;margin:12px 0 4px;color:#536c3a}.tags{display:flex;gap:12px;font:10px monospace;text-transform:uppercase;letter-spacing:.5px;color:#536046}.random-card h3{font:36px/1.08 Georgia,serif;letter-spacing:-1px;font-weight:400;margin:14px 0}.random-card>p{font-size:14px;line-height:1.65;max-width:400px;margin:0 0 20px;color:#47503e}.random-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.random-card .status{min-height:18px;font-size:11px;margin:8px 0 0}.plans-section{padding:8px 40px 88px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px;gap:20px}.section-heading h2{margin-bottom:0}.section-heading>p{margin:0}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.plan{border:1px solid var(--line);border-radius:4px;overflow:hidden;display:flex;flex-direction:column}.plan-art{height:158px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.plan-art:after{content:'';position:absolute;width:122px;height:122px;border:1px solid currentColor;border-radius:50%;opacity:.15;transform:translate(40px,10px)}.plan-art>span{font:80px Georgia;transform:rotate(-8deg);line-height:1}.plan:nth-child(3n+1) .plan-art{background:#e2c7b6;color:#954b2a}.plan:nth-child(3n+2) .plan-art{background:#cbd4df;color:#4b5a73}.plan:nth-child(3n) .plan-art{background:#d8ddbb;color:#5c653d}.save{position:absolute;right:12px;top:12px;width:40px;height:40px;background:#f8f6efdc;border:1px solid #0001;border-radius:50%;font-size:23px;z-index:1}.save[aria-pressed=true]{color:#a7351d;background:#fff0e8}.plan-body{padding:24px;display:flex;flex-direction:column;flex:1}.plan h3{font:25px/1.15 Georgia;margin:14px 0}.plan p{color:var(--muted);font-size:13px;line-height:1.65;margin:0}.plan-bottom{margin-top:auto;padding-top:20px;display:flex;justify-content:space-between;font:10px monospace;letter-spacing:.5px;color:#646b5d}.plans-section>.button{display:flex;margin:32px auto 0;width:max-content}#empty{text-align:center;padding:48px 16px;border:1px dashed var(--line)}#empty p{line-height:1.6}.manifesto{max-width:none;background:#e1e4d5;border-top:1px solid #c9cfbb;text-align:center;padding:64px 24px}.asterisk{font-size:65px;line-height:1;color:#61763d}.manifesto .eyebrow{justify-content:center;margin:24px 0}.manifesto h2{font-size:clamp(32px,4.5vw,60px);line-height:1.08;letter-spacing:-2px;font-weight:500;margin:0 0 24px}.manifesto>p:not(.eyebrow){font-size:15px;line-height:1.7;color:var(--muted)}.manifesto>.button{margin-top:16px}.manifesto details{max-width:580px;margin:32px auto 0;font-size:12px;color:var(--muted);line-height:1.6}.manifesto summary{cursor:pointer}footer{padding:32px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px}footer .brand{font-size:18px}footer p{font-size:12px;color:var(--muted)}dialog{background:var(--paper);color:var(--ink);max-width:520px;width:calc(100% - 32px);border:1px solid #a7ad9a;border-radius:8px;padding:40px;box-shadow:0 20px 80px #0004}dialog::backdrop{background:#17211999}dialog h2{font:30px Georgia}dialog p{font-size:14px;line-height:1.7}.dialog-close{position:absolute;right:12px;top:8px;background:none;font-size:30px;width:40px;height:40px}.skip{position:absolute;left:16px;top:-80px;z-index:10;background:var(--ink);color:white;padding:16px}.skip:focus{top:16px}[hidden]{display:none!important}@media(min-width:1400px){.hero{gap:64px}.hero-art{min-height:560px}}@media(max-width:900px){header{padding:20px 24px}.hero{padding:48px 24px;gap:24px}.hero h1{font-size:64px;letter-spacing:-3px}.hero-art{min-height:480px}.notebook{padding:30px 20px 20px 28px}.notebook>span{font-size:28px}.coffee{width:85px;height:85px}.coffee-inner{inset:12px}.coffee:before{top:25px}.random-section{padding:64px 24px;gap:32px}.plans-section{padding:8px 24px 64px}.plan-grid{gap:16px}.plan-body{padding:20px}.random-actions{flex-wrap:wrap}nav{gap:20px}.about-link{display:none}}@media(max-width:650px){header{height:auto;min-height:82px;padding:20px}.brand{font-size:19px}.brand-icon{font-size:29px}.brand-dot{display:none}nav>a{display:none}nav{gap:0}.hero{grid-template-columns:1fr;padding:36px 20px 40px;gap:36px}.hero h1{font-size:68px;letter-spacing:-4px}.hero .eyebrow{font-size:10px}.hero-copy{padding-right:8px}.hero-art{min-height:420px;max-width:500px;width:100%;margin:auto}.notebook{height:62%;top:20%;padding:28px 25px 20px 34px}.notebook>span{font-size:33px}.notebook-lines{height:45px;margin-top:8px}.notebook small{font-size:9px;margin-top:15px}.sticker{width:88px;height:88px}.art-label{top:32px;font-size:9px}.coffee{width:95px;height:95px}.ticker{justify-content:flex-start;gap:28px}.random-section{grid-template-columns:1fr;padding:48px 20px;gap:32px}.section-intro h2,.section-heading h2{font-size:40px}.random-card{padding:24px;min-height:400px}.random-card h3{font-size:34px}.random-actions{gap:12px}.section-heading{display:block}.section-heading>p{margin-top:20px}.plans-section{padding:0 20px 48px}.plan-grid{grid-template-columns:1fr}.plan{display:grid;grid-template-columns:110px 1fr}.plan-art{height:100%;min-height:225px}.plan-art>span{font-size:60px}.plan-body{padding:20px}.plan h3{font-size:24px}.save{top:10px;right:10px;width:36px;height:36px}.tags{font-size:9px;gap:10px}.manifesto{padding:48px 20px}.manifesto h2{font-size:39px}.manifesto br{display:none}footer{padding:28px 20px;flex-wrap:wrap;gap:12px}footer p{order:3;width:100%;margin:0}.desktop{display:none}dialog{padding:28px}.random-symbol{font-size:50px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}