@font-face{font-family:Fraunces;font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/fraunces-600-normal.woff2) format("woff2")}@font-face{font-family:Fraunces;font-weight:800;font-style:normal;font-display:swap;src:url(/fonts/fraunces-800-normal.woff2) format("woff2")}@font-face{font-family:"Source Serif 4";font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/source-serif-4-400-normal.woff2) format("woff2")}@font-face{font-family:"Source Serif 4";font-weight:400;font-style:italic;font-display:swap;src:url(/fonts/source-serif-4-400-italic.woff2) format("woff2")}@font-face{font-family:"Source Serif 4";font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/source-serif-4-600-normal.woff2) format("woff2")}@font-face{font-family:Caveat;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/caveat-700-normal.woff2) format("woff2")}@font-face{font-family:Bricolage Grotesque;font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/bricolage-grotesque-600-normal.woff2) format("woff2")}:root{--ground: #191410;--surface: #221b14;--surface-2: #2b2219;--line: #392f24;--ink: #f3ead9;--muted: #b3a488;--faint: #837360;--paper: #fbf8f1;--paper-ink: #241d14;--good: #8aa06a;--book-accent: #c08a3e;--book-accent-ink: #1a1410;--book-tint: rgba(192,138,62,.16);--serif: "Fraunces", Georgia, "Times New Roman", serif;--body: "Source Serif 4", Georgia, serif;--hand: "Caveat", "Segoe Script", cursive;--label: "Bricolage Grotesque", system-ui, sans-serif;--r: 4px;--pad: clamp(1.1rem, 3.5vw, 2.6rem);--maxw: 1100px;--ease: cubic-bezier(.2, .7, .3, 1);--paper-shadow: 0 1px 0 rgba(0,0,0,.28), 0 6px 16px rgba(0,0,0,.22)}@media (prefers-color-scheme: light){:root{--ground: #ece2cf;--surface: #f6efe0;--surface-2: #f0e7d5;--line: #d8cbb0;--ink: #2b2118;--muted: #6d5f4c;--faint: #9a8a72;--paper: #ffffff;--paper-ink: #2b2118;--good: #5f7a40;--book-accent-ink: #ffffff;--paper-shadow: 0 1px 0 rgba(120,100,60,.18), 0 6px 16px rgba(90,70,40,.14)}}:root[data-theme=light]{--ground: #ece2cf;--surface: #f6efe0;--surface-2: #f0e7d5;--line: #d8cbb0;--ink: #2b2118;--muted: #6d5f4c;--faint: #9a8a72;--paper: #ffffff;--paper-ink: #2b2118;--good: #5f7a40;--book-accent-ink: #ffffff;--paper-shadow: 0 1px 0 rgba(120,100,60,.18), 0 6px 16px rgba(90,70,40,.14)}:root[data-theme=dark]{--ground: #191410;--surface: #221b14;--surface-2: #2b2219;--line: #392f24;--ink: #f3ead9;--muted: #b3a488;--faint: #837360;--paper: #fbf8f1;--paper-ink: #241d14;--good: #8aa06a;--book-accent-ink: #1a1410;--paper-shadow: 0 1px 0 rgba(0,0,0,.28), 0 6px 16px rgba(0,0,0,.22)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(130% 100% at 78% -8%,color-mix(in srgb,var(--book-accent) 14%,var(--ground)) 0%,var(--ground) 52%);color:var(--ink);font-family:var(--body);font-size:clamp(15.5px,1.6vw,17px);line-height:1.55;-webkit-font-smoothing:antialiased;transition:background .8s var(--ease)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.05;mix-blend-mode:overlay}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:1.2rem var(--pad);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:baseline;gap:.55rem}.brand h1{font-family:var(--serif);font-weight:800;font-size:1.5rem;margin:0;letter-spacing:-.02em}.brand .mark{font-family:var(--serif);font-weight:800;font-size:17px;width:30px;height:30px;border-radius:50% 50% 48% 52%/52% 48%;display:grid;place-items:center;background:var(--book-accent);color:var(--book-accent-ink);transform:translateY(4px) rotate(-4deg);box-shadow:inset 0 -2px 3px #00000038;transition:background .6s var(--ease)}.brand .tag{font-family:var(--hand);font-size:1.12rem;color:var(--book-accent);transform:rotate(-2deg);margin-left:.2rem}.theme-btn{border:1px solid var(--line);background:var(--surface);color:var(--muted);width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:15px;display:grid;place-items:center;transition:color .2s,border-color .2s,transform .2s}.theme-btn:hover{color:var(--ink);border-color:var(--book-accent);transform:rotate(20deg)}:focus-visible{outline:2px solid var(--book-accent);outline-offset:3px;border-radius:2px}main{min-height:calc(100dvh - 68px);display:grid}.scene{grid-area:1/1;display:none;align-content:center;padding:1rem 0 4rem}.scene.is-active{display:block;animation:rise .6s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.eyebrow{font-family:var(--label);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--book-accent);font-weight:600;display:flex;align-items:center;gap:.65rem;margin:0 0 1.1rem}.eyebrow:before{content:"";width:26px;height:1.5px;background:var(--book-accent)}#home .hero{position:relative}#home .lead{font-family:var(--serif);font-weight:800;letter-spacing:-.025em;font-size:clamp(2.3rem,6.6vw,4.4rem);line-height:1;margin:.1rem 0 .3rem;text-wrap:balance;max-width:15ch}.underline-svg{display:block;width:min(340px,60vw);height:22px;margin:-.2rem 0 1.2rem 2px;overflow:visible}.underline-svg path{fill:none;stroke:var(--book-accent);stroke-width:4;stroke-linecap:round;stroke-dasharray:620;stroke-dashoffset:620;animation:draw 1s var(--ease) .35s forwards}@keyframes draw{to{stroke-dashoffset:0}}#home .sub{color:var(--muted);max-width:42ch;margin:0 0 2rem;font-size:1.08rem}.aside{font-family:var(--hand);color:var(--book-accent);font-size:1.45rem;line-height:1.15;position:absolute;right:-6px;top:8px;max-width:190px;transform:rotate(3deg);opacity:0;animation:rise .7s var(--ease) 1s both;text-align:center}.aside .arrow{display:block;font-size:1.6rem;transform:rotate(20deg) translate(30px)}@media (max-width: 720px){.aside{display:none}}.ask-form{display:flex;gap:.7rem;max-width:640px;flex-wrap:wrap}.field{flex:1 1 340px;display:flex;align-items:center;gap:.7rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:.2rem .3rem .2rem 1.1rem;transition:border-color .2s,box-shadow .2s}.field:focus-within{border-color:var(--book-accent);box-shadow:0 0 0 4px var(--book-tint)}.field .pen{color:var(--book-accent);font-size:1.1rem}.field input{flex:1;border:0;background:transparent;color:var(--ink);font-family:var(--body);font-size:1.1rem;padding:.9rem 0;outline:none}.field input::placeholder{color:var(--faint);font-style:italic}.btn{font-family:var(--label);font-weight:600;font-size:.96rem;cursor:pointer;border-radius:var(--r);padding:.82rem 1.35rem;border:1px solid transparent;transition:transform .12s var(--ease),filter .2s,background .3s,color .3s,border-color .2s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--book-accent);color:var(--book-accent-ink);box-shadow:inset 0 -2px #00000029}.btn-primary:hover{filter:brightness(1.06)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn-ghost:hover{border-color:var(--book-accent);color:var(--book-accent)}.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 0;align-items:center}.chips .lbl{font-family:var(--hand);font-size:1.15rem;color:var(--faint);margin-right:.2rem;transform:rotate(-3deg)}.chip{font-family:var(--body);border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:100px;padding:.4rem .95rem;font-size:.9rem;cursor:pointer;transition:color .2s,border-color .2s,background .2s,transform .2s}.chip:hover{color:var(--book-accent);border-color:var(--book-accent);background:var(--book-tint);transform:translateY(-1px) rotate(-1deg)}.shelf-wrap{margin:2.6rem 0 0;position:relative}.shelf-head{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem;flex-wrap:wrap;margin-bottom:1.2rem}.shelf-note{font-family:var(--hand);color:var(--faint);font-size:1.2rem;transform:rotate(-2deg)}.shelf{display:flex;gap:1.15rem;flex-wrap:wrap;padding-bottom:12px;border-bottom:3px solid var(--line);box-shadow:0 14px 22px -14px #0006}.bookcard{position:relative;width:clamp(126px,15.5vw,158px);aspect-ratio:3/4;border:0;border-radius:2px 5px 5px 2px;background:var(--bc);color:#fff;padding:.95rem .85rem;display:flex;flex-direction:column;cursor:pointer;text-align:left;font-family:var(--body);box-shadow:-4px 0 color-mix(in srgb,var(--bc) 58%,#000),8px 13px 24px #0000004d;transform:rotate(-1.4deg);transition:transform .28s var(--ease),box-shadow .28s}.bookcard:nth-child(2n){transform:rotate(1.2deg)}.bookcard:nth-child(3n){transform:rotate(-.5deg)}.bookcard:hover,.bookcard:focus-visible{transform:translateY(-10px) rotate(0);box-shadow:-4px 0 color-mix(in srgb,var(--bc) 58%,#000),14px 22px 34px #0006}.bookcard .k{font-family:var(--label);font-size:.5rem;letter-spacing:.16em;text-transform:uppercase;opacity:.85;font-weight:600}.bookcard .rule{width:24px;height:2px;background:#fff;opacity:.85;margin:auto 0 .55rem}.bookcard h3{font-family:var(--serif);font-weight:800;font-size:1rem;line-height:1.06;margin:0;text-wrap:balance}.bookcard .meta{font-family:var(--label);font-size:.58rem;opacity:.82;margin-top:.5rem;letter-spacing:.04em}.make{margin-top:2.8rem;padding-top:2rem;border-top:1px solid var(--line)}.make-h{font-family:var(--serif);font-weight:800;letter-spacing:-.02em;font-size:clamp(1.5rem,3.6vw,2.1rem);margin:0 0 1.15rem}.deliverables{display:flex;gap:1.8rem;flex-wrap:wrap;margin-top:2.2rem;padding-top:1.7rem;border-top:1px solid var(--line);max-width:660px}.deliverables div{display:flex;gap:.65rem;align-items:flex-start}.deliverables .ic{font-size:1.15rem;filter:grayscale(.2)}.deliverables b{font-family:var(--serif);font-weight:600;display:block;font-size:1rem}.deliverables span{color:var(--muted);font-size:.85rem}.build-top{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:.9rem;flex-wrap:wrap}.phase{font-family:var(--body);font-size:1.02rem;color:var(--muted)}.phase b{font-family:var(--serif);color:var(--ink);font-weight:600}.pct{font-family:var(--serif);font-size:2.1rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--book-accent);line-height:1}.pct span{font-size:1rem;font-family:var(--label)}.bar{height:9px;border-radius:100px;background:var(--surface-2);overflow:hidden;border:1px solid var(--line)}.bar>i{display:block;height:100%;width:0%;border-radius:100px;background:linear-gradient(90deg,color-mix(in srgb,var(--book-accent) 78%,#000),var(--book-accent));transition:width .7s var(--ease)}.composing{display:grid;grid-template-columns:1.55fr 1fr;gap:1.5rem;margin-top:2rem}@media (max-width: 800px){.composing{grid-template-columns:1fr}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}.cap{font-family:var(--label);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);margin:0 0 1rem;font-weight:600}.table{padding:1.3rem}.sheets{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:.75rem}.sheet{aspect-ratio:3/4;background:var(--paper);border-radius:2px;padding:7px 6px;display:flex;flex-direction:column;gap:3px;box-shadow:var(--paper-shadow);opacity:.32;filter:saturate(.6);transition:opacity .5s var(--ease),filter .5s,transform .5s;position:relative;overflow:hidden;transform:rotate(-.6deg)}.sheet:nth-child(3n){transform:rotate(.7deg)}.sheet:nth-child(4n){transform:rotate(-.3deg)}.sheet.writing,.sheet.done{opacity:1;filter:none;transform:rotate(0)}.sheet .ln{height:2px;border-radius:2px;background:#c9bfa8;transform:scaleX(0);transform-origin:left;opacity:0;transition:transform .4s var(--ease),opacity .3s}.sheet .ln.h{height:3px;background:var(--paper-ink);width:70%}.sheet.writing .ln,.sheet.done .ln{transform:scaleX(1);opacity:.85;transition-delay:calc(var(--i,0) * 45ms)}.sheet .tick{position:absolute;right:4px;bottom:3px;color:var(--good);font-size:9px;opacity:0;transition:opacity .3s}.sheet.done .tick{opacity:1}.sheet.writing:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 30%,var(--book-tint) 50%,transparent 70%);animation:sweep 1.1s linear infinite}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.sheet.cover{padding:0;justify-content:flex-end}.sheet.cover.done{opacity:1;background:var(--book-accent);transform:rotate(0)}.sheet.cover .band{height:22%;background:#ffffffd9;width:100%;opacity:0;transition:opacity .4s}.sheet.cover .ctitle{font-family:var(--serif);font-weight:800;color:#fff;font-size:7px;padding:5px;line-height:1.12;opacity:0;transition:opacity .5s .2s}.sheet.cover.done .band,.sheet.cover.done .ctitle{opacity:1}.side{display:flex;flex-direction:column;gap:1.3rem}.checklist{padding:1.15rem 1.25rem}.check{display:flex;align-items:center;gap:.6rem;padding:.32rem 0;font-family:var(--body);font-size:.92rem;color:var(--faint);transition:color .3s}.check .box{width:16px;height:16px;border-radius:3px;border:1.5px solid var(--line);display:grid;place-items:center;font-size:10px;color:transparent;flex:none;transition:background .3s,border-color .3s,color .3s}.check.active{color:var(--ink)}.check.active .box{border-color:var(--book-accent)}.check.done{color:var(--ink)}.check.done .box{background:var(--good);border-color:var(--good);color:#fff}.log{padding:1.1rem 1.25rem;flex:1;min-height:168px;max-height:260px;overflow:hidden;display:flex;flex-direction:column-reverse;gap:.3rem}.log .line{display:flex;gap:.55rem;align-items:baseline;animation:logue .4s var(--ease) both}@keyframes logue{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.log .t{font-family:var(--label);font-size:.64rem;color:var(--faint);flex:none;letter-spacing:.04em;transform:translateY(-1px)}.log .say{font-family:var(--hand);font-size:1.28rem;line-height:1.15;color:var(--muted)}.log .say b{color:var(--ink);font-weight:700}.log .say .ok{color:var(--good)}.ready-grid{display:grid;grid-template-columns:minmax(0,270px) 1fr;gap:clamp(1.6rem,5vw,3.8rem);align-items:center}@media (max-width: 740px){.ready-grid{grid-template-columns:1fr;justify-items:center;text-align:center}}.book3d{perspective:1500px;position:relative}.cover-lg{aspect-ratio:3/4;background:var(--book-accent);border-radius:3px 7px 7px 3px;box-shadow:-6px 0 color-mix(in srgb,var(--book-accent) 60%,#000),20px 24px 54px #0000006b;padding:1.6rem 1.4rem;display:flex;flex-direction:column;color:#fff;animation:flipin 1.1s var(--ease) both}@keyframes flipin{0%{transform:rotateY(40deg) translate(-12px);opacity:0}to{transform:none;opacity:1}}.cover-lg .k{font-family:var(--label);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;opacity:.82;font-weight:600}.cover-lg .rule{width:36px;height:3px;background:#fff;opacity:.9;margin:auto 0 .85rem}.cover-lg h2{font-family:var(--serif);font-weight:800;font-size:1.6rem;line-height:1.08;margin:0 0 .55rem;text-wrap:balance}.cover-lg .st{font-family:var(--body);font-size:.8rem;opacity:.92;line-height:1.4}.seal{position:absolute;right:-16px;bottom:-16px;width:78px;height:78px;border-radius:48% 52% 51% 49%/50% 49% 51% 50%;display:grid;place-items:center;background:radial-gradient(circle at 38% 34%,color-mix(in srgb,var(--book-accent) 72%,#fff) 0%,var(--book-accent) 42%,color-mix(in srgb,var(--book-accent) 62%,#000) 100%);box-shadow:inset 0 3px 6px #ffffff47,inset 0 -4px 8px #00000059,0 6px 14px #00000057;color:color-mix(in srgb,var(--book-accent) 40%,#000);font-family:var(--serif);font-weight:800;font-size:1.9rem;transform:scale(0) rotate(-30deg);animation:press .55s var(--ease) .9s both}@keyframes press{0%{transform:scale(1.5) rotate(-30deg);opacity:0}60%{transform:scale(.92) rotate(-8deg);opacity:1}to{transform:scale(1) rotate(-8deg);opacity:1}}.ready h2.done-h{font-family:var(--serif);font-size:clamp(1.9rem,4.6vw,2.9rem);font-weight:800;letter-spacing:-.02em;margin:.3rem 0;text-wrap:balance}.colophon{font-family:var(--hand);font-size:1.5rem;color:var(--book-accent);transform:rotate(-2deg);margin:0 0 1.3rem}.grade{font-family:var(--label);font-size:.78rem;color:var(--muted);letter-spacing:.04em;display:inline-flex;align-items:center;gap:.5rem;margin:0 0 1.5rem}.grade b{color:var(--good)}.dl{display:flex;flex-direction:column;gap:.6rem;max-width:350px}@media (max-width: 740px){.dl{margin:0 auto}.colophon,.grade{justify-content:center}}.dl .btn-primary{padding:1rem 1.35rem;display:flex;justify-content:space-between;align-items:center}.dl .btn-primary small{font-family:var(--body);font-weight:400;opacity:.8;font-size:.74rem}.dl-row{display:flex;gap:.6rem}.dl-row .btn-ghost{flex:1;font-size:.84rem;padding:.72rem}.again{background:none;border:0;color:var(--muted);cursor:pointer;font-family:var(--hand);font-size:1.3rem;margin-top:1.5rem}.again:hover{color:var(--book-accent)}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,30px);background:var(--surface-2);border:1px solid var(--line);color:var(--ink);padding:.75rem 1.15rem;border-radius:var(--r);font-family:var(--body);font-size:.9rem;opacity:0;transition:opacity .3s,transform .3s var(--ease);pointer-events:none;z-index:20;box-shadow:0 12px 30px #00000057}.toast.show{opacity:1;transform:translate(-50%)}.demo-note{font-family:var(--label);font-size:.66rem;color:var(--faint);text-align:center;padding:1.6rem 0 .4rem;letter-spacing:.06em;text-transform:uppercase}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:.12s!important}.sheet.writing:after{display:none}.underline-svg path{stroke-dashoffset:0}}a.btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.dl a.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.shelf-empty{font-family:var(--hand);font-size:1.3rem;color:var(--muted);margin:.4rem 0}.shelf[aria-busy=true]{min-height:190px;border-bottom-color:transparent;box-shadow:none}.shelf[aria-busy=true]:before{content:"setting the type…";font-family:var(--hand);font-size:1.3rem;color:var(--faint)}.lock{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:1.5rem;background:color-mix(in srgb,var(--ground) 88%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lock[hidden]{display:none}.lock-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:2.2rem 2rem;max-width:380px;width:100%;text-align:center;box-shadow:0 20px 50px #0006}.lock-card .mark{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50% 50% 48% 52%/52% 48%;background:var(--book-accent);color:var(--book-accent-ink);font-family:var(--serif);font-weight:800;font-size:24px;transform:rotate(-4deg);box-shadow:inset 0 -2px 3px #00000038;margin-bottom:1rem}.lock-card h2{font-family:var(--serif);font-weight:800;font-size:1.5rem;margin:0 0 .4rem}.lock-card p{color:var(--muted);margin:0 0 1.3rem}.lock-card form{display:flex;gap:.6rem}.lock-card input{flex:1;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);padding:.8rem 1rem;color:var(--ink);font-family:var(--body);font-size:1.05rem;outline:none}.lock-card input:focus{border-color:var(--book-accent);box-shadow:0 0 0 4px var(--book-tint)}.lock-err{color:var(--book-accent)!important;font-family:var(--hand);font-size:1.2rem;margin:1rem 0 0!important}.lock-err[hidden]{display:none}