:root{--ink: #1c140e;--muted: #5c4636;--paper: #fff3e0;--paper-deep: #f6e2c4;--card: #fffaf2;--line: #e4c9a4;--brick: #b03e22;--brick-deep: #8f3018;--sunrise: #e8a317;--sunrise-deep: #8a5a08;--sky: #2f6f9f;--sky-soft: #e5f3fb;--gold-soft: #fde8c0;--wood: #c48a52;--ok: #1d5c86;--clay: #b03e22;--shadow: 0 16px 34px rgba(92, 42, 18, .12);--sans: "Atkinson Hyperlegible", "Segoe UI", "Noto Sans", "Noto Sans Arabic", "Noto Naskh Arabic", "Noto Sans Devanagari", "Noto Sans Bengali", "Noto Sans Hebrew", "Noto Sans SC", "Noto Sans JP", "Noto Sans KR", "PingFang SC", "Hiragino Sans", "Apple SD Gothic Neo", "Nirmala UI", "Leelawadee UI", "Geeza Pro", sans-serif;--display: "Lilita One", "Atkinson Hyperlegible", "Segoe UI", "PingFang SC", "Hiragino Sans", "Apple SD Gothic Neo", "Nirmala UI", "Leelawadee UI", sans-serif;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:18px;line-height:1.55}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background-color:var(--paper);background-image:radial-gradient(980px 320px at 50% -80px,rgba(255,214,120,.95),transparent 70%),linear-gradient(180deg,#6eaddf 0,#f2c56a 240px,var(--paper) 520px)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--brick-deep)}.app{max-width:1080px;margin:0 auto;padding:20px 20px 260px}main :is(a,button,input,textarea,select){scroll-margin-bottom:220px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.seal{width:64px;height:64px;border-radius:50%;background:var(--brick);color:#fff6e8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-family:var(--display);font-size:15px;line-height:1;letter-spacing:.02em;box-shadow:inset 0 0 0 3px #f0c14b,0 8px 16px #8f301840}.brand strong{display:block;font-family:var(--display);font-weight:400;font-size:1.45rem;letter-spacing:.01em;line-height:1.05}.brand span{display:block;color:var(--ink);font-size:1rem;font-weight:700}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;flex:1 1 18rem}.lang-control{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:4px 8px 4px 14px;background:var(--card);border:1px solid var(--line);border-radius:999px;box-shadow:0 8px 18px #5c2a1214}.lang-control span{font-weight:700;font-size:.95rem;white-space:nowrap}.lang-control select{width:auto;min-width:8.5rem;max-width:min(14rem,52vw);min-height:40px;border:0;background:transparent;border-radius:999px;padding:4px 2px;font-weight:700}.account-slot{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin:0}.account-slot .who{font-weight:700;font-size:.95rem}.account-link{border:1px solid var(--line);background:var(--card);color:var(--ink);text-decoration:none;font-weight:700;border-radius:999px;padding:8px 14px;box-shadow:0 8px 18px #5c2a1214}.account-link[aria-current=page]{background:var(--brick);border-color:var(--brick);color:#fff6e8}.progress-pill{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:1rem;box-shadow:0 8px 18px #5c2a1214}.progress-pill b{color:var(--brick)}.dock{position:fixed;left:0;right:0;bottom:0;z-index:5;background:#fff6e8f7;border-top:3px solid var(--wood);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -10px 28px #5c2a1214}.site-credit{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 10px;max-width:1080px;margin:0 auto;padding:8px 16px 2px;text-align:center;color:var(--muted);font-size:.95rem;line-height:1.4}.site-credit a{display:inline-flex;align-items:center;min-height:44px;padding:6px 12px;border-radius:999px;background:var(--gold-soft);color:var(--brick-deep);font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;box-shadow:inset 0 0 0 2px #b03e2240}.site-credit a:hover,.site-credit a:focus-visible{background:var(--brick);color:#fff6e8;outline:none}.nav{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;max-width:1080px;margin:0 auto;padding:6px 10px calc(8px + env(safe-area-inset-bottom));background:transparent}.nav a{text-decoration:none;text-align:center;overflow-wrap:anywhere;color:var(--ink);font-size:.92rem;font-weight:700;padding:10px 4px;border-radius:14px;line-height:1.15}.nav a[aria-current=page]{background:var(--brick);color:#fff6e8}.cover-hero{display:grid;gap:18px}.after-cover{display:grid;gap:18px;grid-template-columns:1.35fr .85fr;align-items:stretch}.panel,.card-link,.part-card,.code article,.note,.bucket{background:linear-gradient(180deg,#fffdf8,#fff4e2);border:1px solid var(--line);border-top:10px solid var(--wood);border-radius:22px;box-shadow:var(--shadow)}.panel{padding:22px}.kicker{letter-spacing:.14em;text-transform:uppercase;font-size:.85rem;font-weight:700;color:var(--brick);margin:0 0 8px}h1,h2,h3,.btn,.nav a,.lede{overflow-wrap:break-word}h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:.01em;line-height:1.12}h1{font-size:clamp(2.3rem,5.4vw,4.1rem);margin:0 0 12px}h2{font-size:clamp(1.7rem,3vw,2.35rem);margin:0 0 10px}h3{font-size:1.4rem;margin:0 0 8px}.lede{font-size:1.25rem;margin:0 0 16px}.muted{color:var(--muted)}.byline{margin:0 0 12px;color:var(--muted);font-size:1.05rem}.title-sheet{text-align:center}.title-sheet .book-series{font-family:var(--display);font-size:clamp(1.35rem,3vw,1.9rem);margin:0 0 6px;color:var(--ink)}.title-sheet h1{margin-bottom:14px}.book-subtitle{display:inline-block;margin:0 0 16px;padding:10px 16px;border:2px solid var(--ink);border-radius:4px;color:var(--muted);font-size:1.15rem;background:#ffffff8c}.title-sheet .lede,.title-sheet .byline,.title-sheet p:not(.book-series):not(.book-subtitle){text-align:start}.title-sheet .actions{justify-content:center}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.btn{border:0;border-radius:999px;padding:12px 18px;background:var(--brick);color:#fff6e8;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;box-shadow:0 8px #7c2c16}.btn:hover{background:#c24b2a}.btn:disabled{cursor:wait;opacity:.7}.ebook-offer{max-width:640px}.plan-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.plan-card h3{margin-bottom:4px}.plan-price{margin:8px 0;font-size:1.05rem}.demo-access,.book-offer{margin-top:18px}.demo-access input,.book-offer input{min-height:44px;border:2px solid var(--line);border-radius:999px;padding:8px 14px;background:#fffaf2}.note-line{margin:0 0 12px}.error-line{color:var(--brick-deep);font-weight:700}.btn.secondary{background:#fffaf2;color:var(--brick-deep);box-shadow:inset 0 0 0 2px var(--brick)}.btn.ghost{background:var(--gold-soft);color:var(--ink);box-shadow:inset 0 0 0 2px #e8a317b3}.btn:focus-visible,a:focus-visible,.chip:focus-visible,.choice:focus-visible,.tool:focus-visible{outline:3px solid var(--sunrise);outline-offset:2px}.ritual{background:linear-gradient(165deg,#d7ecf8,#ffe7a8 42%,#f6c56b);color:#1c140e;border:1px solid #e4c9a4;border-top:10px solid var(--brick);border-radius:22px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;min-height:100%;box-shadow:var(--shadow)}.ritual .kicker{color:#1c140e}.ritual p{margin:0 0 8px}.ritual .line{font-family:var(--display);font-weight:400;font-size:2.1rem;margin:8px 0 12px;line-height:1.1}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.card-link,.part-card{display:block;text-decoration:none;color:inherit;padding:16px 16px 18px;min-height:140px}.card-link:hover,.part-card:hover{border-color:var(--brick)}.card-link small,.meta{color:var(--sunrise-deep);font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.85rem}.section{margin-top:28px}.code{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.code article{padding:14px}.code strong{display:block;font-family:var(--display);font-weight:400;font-size:2rem;color:var(--brick)}.part-card{text-align:start}.part-card .swatch{width:100%;height:8px;border-radius:99px;margin-bottom:12px}.done-tag{color:var(--sky);font-weight:700;font-size:.95rem}.back{color:var(--brick-deep);text-decoration:none;font-weight:700}.example{font-family:var(--display);font-weight:400;font-size:1.7rem;line-height:1.35;margin:12px 0}.example mark{background:var(--gold-soft);color:inherit;padding:0 .15em;border-radius:6px}.stack{display:grid;gap:12px}label{display:grid;gap:6px;font-weight:700}textarea,input[type=text],input[type=email],input[type=password],input[type=number],select{width:100%;border:2px solid var(--line);background:#fffdf8;border-radius:16px;padding:12px 14px;font-size:1.05rem}textarea:focus,input:focus,select:focus{outline:3px solid var(--sunrise);border-color:var(--brick)}button:disabled{opacity:.45;cursor:not-allowed}textarea{min-height:120px;resize:vertical}.tokens{display:flex;flex-wrap:wrap;gap:8px}.chip,.choice,.tool{border:2px solid var(--line);background:#fffdf8;border-radius:999px;padding:10px 14px;font-size:1rem}.chip.picked,.choice.picked,.tool.on{background:var(--brick);color:#fff6e8;border-color:var(--brick)}.chip.good,.choice.good{background:var(--sky-soft);border-color:var(--sky);color:#143e5c}.chip.bad,.choice.bad{background:#fde8e2;border-color:var(--clay);color:var(--brick-deep)}.choice{display:block;width:100%;text-align:start;border-radius:18px;margin-bottom:8px}.note{padding:12px 14px}.warn{background:#fffaf2;border:1px solid var(--line);border-inline-start:6px solid var(--brick);padding:12px 14px;border-radius:16px}.timer{font-family:var(--display);font-weight:400;font-size:clamp(4rem,12vw,7rem);text-align:center;margin:8px 0;letter-spacing:.02em;color:var(--brick)}.cue{text-align:center;font-weight:700;min-height:1.6em}.buckets{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bucket{min-height:140px;border-style:dashed;padding:12px;text-align:start;color:inherit}.bucket h3{font-size:1.2rem}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.figure{margin:0 0 18px}.figure img,.cover-frame img,.art-card img{width:100%;height:auto;display:block;border-radius:22px;background:#fffdf8}.figure img{width:min(100%,520px);max-width:100%;height:auto;max-height:none;margin-inline:auto;object-fit:contain;box-shadow:var(--shadow)}.figure.narrow img{width:min(100%,420px)}.figure.companion img{width:min(100%,280px)}.figure.cover-frame{display:flex;justify-content:center;margin:0 0 36px}.figure.cover-frame img{width:auto;height:auto;max-width:min(100%,860px);max-height:calc(100svh - 280px);margin-inline:auto;object-fit:contain;border-radius:28px;box-shadow:0 22px 40px #46240c38;border:4px solid #fff6e8}.figure.narrow{max-width:480px;margin-inline:auto}.art-card{display:grid;gap:10px}.art-card img{height:280px;object-fit:contain;background:radial-gradient(circle at 50% 20%,#fffdf8,#f6e2c4);padding:8px}.book-stage{background:linear-gradient(180deg,#f8e7cb,#efd3a6);border:1px solid var(--line);border-top:12px solid var(--wood);border-radius:22px;padding:16px;display:grid;justify-items:center;box-shadow:var(--shadow)}.book-stage img{width:min(100%,680px);height:auto;background:#fff;border-radius:6px;box-shadow:0 12px 24px #46240c2e}.page-jump{display:inline-flex;align-items:center;gap:8px;font-weight:700}.page-jump input{width:5rem}.footer-note{margin-top:28px;color:var(--muted);font-size:1rem}.search{margin:14px 0}.glossary dt{font-family:var(--display);font-weight:400;font-size:1.45rem;margin-top:16px}.glossary dd{margin:4px 0 0;font-size:1.05rem}@media(max-width:800px){.after-cover,.grid.two,.grid.three,.grid.four,.code,.buckets{grid-template-columns:1fr}.app{padding-top:14px;padding-bottom:340px}.site-credit{font-size:.92rem;padding-inline:12px}.nav a{font-size:.82rem;padding:8px 2px}h1{font-size:clamp(2.1rem,9vw,3rem)}.cover-frame img{border-width:3px;border-radius:18px}.figure.cover-frame{margin-bottom:72px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}