:root{color-scheme:light dark;--bg: #f6f0e1;--surface: #fffdf7;--surface-2: #efe6d2;--ink: #1f2433;--ink-2: #474d5c;--muted: #626878;--line: #e0d5bd;--line-strong: #8a8270;--brand: #1e3a5f;--brand-2: #284b78;--brand-ink: #ffffff;--gold: #e0a526;--gold-ink: #2b2100;--good: #1c6e3d;--good-soft: #dff1e4;--bad: #a8321f;--bad-soft: #fbe3de;--focus: #2563eb;--radius: 14px;--font-display: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--font-body: "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;--map-label: #2e3d34;--map-halo: #eef4ea;--map-lot: #dcdcd6;--marker: #f0b429;--info-soft: #d4e8f5;--critical: #a8321f}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #12161f;--surface: #1b2130;--surface-2: #232b3d;--ink: #eef0f5;--ink-2: #c4c9d5;--muted: #9ba2b2;--line: #2f374b;--line-strong: #6f788c;--brand: #9cc2f0;--brand-2: #284b78;--brand-ink: #10233b;--gold: #f0bd4f;--good: #6fd39a;--good-soft: #17352a;--bad: #ff9a85;--bad-soft: #3d1f1a;--focus: #8ab4ff;--map-label: #dfe8e2;--map-halo: #1c2a21;--map-lot: #2e2e2a;--info-soft: #1d3446;--critical: #ff9a85}}:root[data-theme=dark]{--bg: #12161f;--surface: #1b2130;--surface-2: #232b3d;--ink: #eef0f5;--ink-2: #c4c9d5;--muted: #9ba2b2;--line: #2f374b;--line-strong: #6f788c;--brand: #9cc2f0;--brand-2: #284b78;--brand-ink: #10233b;--gold: #f0bd4f;--good: #6fd39a;--good-soft: #17352a;--bad: #ff9a85;--bad-soft: #3d1f1a;--focus: #8ab4ff;--map-label: #dfe8e2;--map-halo: #1c2a21;--map-lot: #2e2e2a;--info-soft: #1d3446;--critical: #ff9a85}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.5}h1,h2,h3{font-family:var(--font-display);line-height:1.15;margin:0;letter-spacing:-.01em}h1{font-size:30px;font-weight:800}h2{font-size:21px;font-weight:800}h3{font-size:18px}p{margin:0}a{color:var(--brand);font-weight:700;text-underline-offset:3px}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}h1:focus{outline:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:-999px;top:8px;background:var(--surface);padding:8px 12px;z-index:50}.skip:focus{left:8px}.small{font-size:14.5px;color:var(--muted)}.center{text-align:center}.upper{text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:12.5px}.ok{color:var(--good);font-weight:700}em{font-style:normal;color:var(--muted);font-weight:400}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);font-family:var(--font-display);font-weight:800;font-size:18px}.top nav{display:flex;align-items:center;gap:14px;font-size:15px}.demo-bar{background:#fff4cf;color:#3a2d00;font-size:14px;padding:8px 16px;text-align:center;border-bottom:1px solid #ecd78f}main{padding:20px 16px 32px;display:flex;flex-direction:column;gap:18px}main.narrow{max-width:600px;margin:0 auto}main.wide{padding:0;gap:0}.foot{display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:center;align-items:center;padding:22px 16px 34px;font-size:14px;color:var(--muted);border-top:1px solid var(--line)}.foot-note{flex-basis:100%;text-align:center;font-size:13px}.loading{color:var(--muted);padding:40px 0;text-align:center}.page-title{display:flex;flex-direction:column;gap:8px}.lede{color:var(--ink-2);font-size:18px}.kicker{font-family:var(--font-body);font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--q, var(--brand))}.section{display:flex;flex-direction:column;gap:12px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.stack{display:flex;flex-direction:column;gap:10px}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.note{background:var(--surface-2);border-radius:10px;padding:10px 14px;font-size:15px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:12px 20px;border-radius:999px;border:2px solid transparent;background:var(--brand);color:var(--brand-ink);font:inherit;font-weight:700;font-size:18px;text-decoration:none;cursor:pointer;text-align:center}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{min-height:40px;padding:7px 16px;font-size:15.5px}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}.btn-gold{background:var(--gold);color:var(--gold-ink)}.btn-on-dark{background:transparent;color:#fff;border-color:#ffffffb3}.btn-danger{background:var(--bad);color:#fff}:root[data-theme=dark] .btn-danger{color:#2a0d07}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .btn-danger{color:#2a0d07}}.linkish{background:none;border:0;padding:0;color:var(--bad);font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}.read-aloud{align-self:flex-start}.back{font-size:15px;text-decoration:none}.form{display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:6px;border:0;padding:0;margin:0;min-width:0}.field>span,.field>legend{font-weight:700;font-size:16px;padding:0;margin-bottom:2px}.field small,.field>small{color:var(--muted);font-size:14px}.field input,.field select,.field textarea{font:inherit;font-size:17px;color:var(--ink);background:var(--surface);border:1.5px solid var(--line-strong);border-radius:10px;padding:11px 13px;min-height:48px;width:100%}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--focus);outline:2px solid var(--focus);outline-offset:1px}.field-row{display:grid;gap:16px;grid-template-columns:1fr}@media (min-width: 520px){.field-row{grid-template-columns:1fr 1fr}}.check{display:flex;gap:10px;align-items:flex-start;font-size:16px}.check input{width:22px;height:22px;margin-top:2px;accent-color:var(--brand);flex:none}.error{background:var(--bad-soft);color:var(--bad);border-radius:10px;padding:10px 14px;font-weight:700;font-size:15.5px}.seg{display:flex;gap:8px;flex-wrap:wrap}.seg-opt,.pick,.pick-animal,.who,.quest-option,.scale-opt{position:relative;cursor:pointer}.seg-opt input,.pick input,.pick-animal input,.who input,.quest-option input,.scale-opt input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;cursor:pointer}.seg-opt span{display:inline-flex;align-items:center;min-height:44px;padding:8px 18px;border-radius:999px;border:1.5px solid var(--line-strong);background:var(--surface);font-weight:700}.seg-opt input:checked+span{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.seg-opt input:focus-visible+span,.pick input:focus-visible+span,.who input:focus-visible~span,.scale-opt input:focus-visible~.scale-n{outline:3px solid var(--focus);outline-offset:2px}.band-pick{display:grid;gap:8px}.pick span{display:flex;flex-direction:column;padding:12px 16px;border-radius:12px;border:2px solid var(--line);background:var(--surface)}.pick span small{color:var(--muted)}.pick input:checked+span{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 10%,var(--surface));box-shadow:inset 0 0 0 1px var(--brand)}.avatar-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px}.pick-animal{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 8px;border:2px solid var(--line);border-radius:14px;background:var(--surface);font-size:13.5px;text-align:center}.pick-animal:has(input:checked){border-color:var(--brand);box-shadow:inset 0 0 0 2px var(--brand);background:color-mix(in srgb,var(--brand) 10%,var(--surface))}.pick-animal:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.pick-animal svg{transition:transform .15s}.pick-animal:has(input:checked) svg{transform:scale(1.08) rotate(-4deg)}.scale{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.scale-opt{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.scale-n{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:800;border:1.5px solid var(--line-strong);background:var(--surface)}.scale-opt input:checked~.scale-n{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.scale-l{font-size:12.5px;color:var(--muted);line-height:1.2}.danger-zone{border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column;gap:10px}.card.danger-zone{border-top:1px solid var(--line);padding-top:18px}.landing{display:flex;flex-direction:column}.hero{background:var(--brand-2);color:#fff;padding:0 16px 36px;background-image:radial-gradient(circle at 85% 20%,rgba(224,165,38,.22),transparent 45%)}.hero-bar{max-width:1040px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:14px 0}.hero-bar .brand,.hero-bar a:not(.btn){color:#fff}.hero-bar .brand svg rect:first-child{fill:#17304f}.hero-bar .btn{background:#fff;color:#1e3a5f}.hero-body{max-width:1040px;margin:0 auto;display:grid;gap:28px;align-items:center;padding-top:12px}@media (min-width: 820px){.hero-body{grid-template-columns:1.25fr 1fr;padding-top:28px}}.hero .kicker{color:#ffd77a}.hero h1{font-size:clamp(32px,6vw,50px);margin:6px 0 14px}.hero-lede{font-size:19px;color:#dfe8f5;max-width:34em}.hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 12px}.hero-small{color:#c3d1e6;font-size:14.5px}.hero-art{display:flex;justify-content:center}.passport-cover{width:240px;aspect-ratio:3 / 4.1;border-radius:14px 20px 20px 14px;background:#17304f;position:relative;box-shadow:10px 14px #0000002e,inset 10px 0 #ffffff0f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--gold);border:2px solid rgba(224,165,38,.5);transform:rotate(-3deg)}.passport-cover svg rect:first-child{fill:transparent}.cover-title{font-family:var(--font-display);font-weight:800;font-size:28px;text-align:center;line-height:1.05;letter-spacing:.02em}.cover-sub{font-size:13px;letter-spacing:.2em;text-transform:uppercase}.cover-stickers{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cover-sticker{position:absolute;border-radius:50%;box-shadow:0 4px #0003;border:3px solid #fff;display:block;line-height:0}.cover-sticker.s0{right:-26px;top:22px;transform:rotate(10deg)}.cover-sticker.s1{left:-30px;bottom:60px;transform:rotate(-12deg)}.cover-sticker.s2{right:-12px;bottom:-14px;transform:rotate(6deg)}.band{max-width:1040px;width:100%;margin:0 auto;padding:34px 16px 8px;display:flex;flex-direction:column;gap:16px}.steps{list-style:none;padding:0;margin:0;display:grid;gap:12px}@media (min-width: 720px){.steps{grid-template-columns:repeat(4,1fr)}}.steps li{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:6px}.step-n{width:34px;height:34px;border-radius:50%;background:var(--gold);color:var(--gold-ink);display:grid;place-items:center;font-weight:800;font-family:var(--font-display)}.quest-grid{display:grid;gap:14px}@media (min-width: 820px){.quest-grid{grid-template-columns:repeat(3,1fr)}}.quest-card{background:var(--surface);border:1px solid var(--line);border-top:6px solid var(--q);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:12px}.quest-card-head{display:flex;gap:12px;align-items:center}.quest-icon{width:44px;height:44px;border-radius:50%;background:var(--q);display:grid;place-items:center;flex:none}.quest-icon.big{width:58px;height:58px}.quest-lens{font-size:14px;font-weight:700;color:var(--q);text-transform:uppercase;letter-spacing:.06em}.mini-stickers{display:flex;gap:6px}.mini-stickers figcaption{display:none}.two-col{display:grid;gap:22px}@media (min-width: 820px){.two-col{grid-template-columns:1.2fr 1fr;align-items:start}}.two-col>div:first-child{display:flex;flex-direction:column;gap:12px}.privacy-card{background:var(--surface);border:2px dashed var(--line-strong);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:10px}.privacy-card ul,.prose ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.cta-band{align-items:center;text-align:center;padding-bottom:40px}.continue-card,.quest-row,.mission-row,.passport-tile{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.continue-card{border:2px solid var(--q);background:color-mix(in srgb,var(--q-soft) 55%,var(--surface))}.continue-text,.quest-row-text,.mission-row-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.continue-text span,.quest-row-text span,.mission-row-text span{font-weight:400;font-size:15px;color:var(--ink-2)}.continue-go{font-weight:700;color:var(--q);white-space:nowrap}.quest-list,.mission-list,.explorer-list{display:flex;flex-direction:column;gap:10px;list-style:none;padding:0;margin:0}.quest-row{border-left:6px solid var(--q)}.quest-row-count{font-family:var(--font-display);font-weight:800;color:var(--q)}.passport-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.passport-tile{flex-direction:column;align-items:stretch;padding:0;overflow:hidden;gap:0;height:100%}.tile-cover{background:var(--brand-2);color:#fff;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 10px 12px;border-bottom:3px solid var(--gold)}.tile-cover .avatar{border-radius:50%;box-shadow:0 0 0 3px #fff}.tile-name{font-family:var(--font-display);font-weight:800;font-size:19px}.tile-meta{display:flex;flex-direction:column;gap:6px;align-items:center;padding:10px}.tile-count{font-size:14.5px;color:var(--ink-2);font-weight:400}.tile-count b{font-size:18px;color:var(--ink)}.tile-badges{display:flex;gap:4px;color:var(--muted)}.feedback-nudge{background:var(--surface-2);border-radius:var(--radius);padding:16px;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between}.explorer-row{display:flex;align-items:center;gap:12px;padding:12px 14px}.explorer-row>div{flex:1;display:flex;flex-direction:column}.explorer-strip{display:flex;flex-wrap:wrap;gap:8px}.explorer-strip.center{justify-content:center}.explorer-chip{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px 14px 4px 4px;font-weight:700}.quest-pick,.who-pick{display:grid;gap:10px}.quest-option{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:var(--radius);border:2px solid var(--line);background:var(--surface)}.quest-option:has(input:checked){border-color:var(--q);box-shadow:inset 0 0 0 2px var(--q);background:color-mix(in srgb,var(--q-soft) 45%,var(--surface))}.quest-option:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.quest-option-text{display:flex;flex-direction:column;gap:4px;font-weight:400;font-size:15.5px;color:var(--ink-2)}.quest-option-text b{font-size:18px;color:var(--ink);font-family:var(--font-display)}.who-pick{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.who{display:flex;align-items:center;gap:10px;padding:10px;border:2px solid var(--line);border-radius:14px;background:var(--surface)}.who:has(input:checked){border-color:var(--brand);box-shadow:inset 0 0 0 2px var(--brand)}.who:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.who:not(:has(input:checked)) svg{filter:grayscale(1);opacity:.55}.who>span{display:flex;flex-direction:column;line-height:1.2}.who small{color:var(--muted);font-size:13px}.quest-banner{display:flex;gap:14px;align-items:center;background:var(--q);color:#fff;border-radius:var(--radius);padding:18px}.quest-banner h1{color:#fff}.quest-banner .quest-icon{background:#ffffff2e}.quest-lens.on-color{color:#ffffffd9}.quest-page{display:flex;flex-direction:column;gap:18px}.quest-meta{display:flex;flex-direction:column;gap:10px}.progress{display:flex;align-items:center;gap:6px}.progress span:not(.progress-text){flex:1;height:10px;border-radius:5px;background:var(--surface-2);border:1px solid var(--line)}.progress span.on{background:var(--q);border-color:var(--q)}.progress-text{font-weight:700;margin-left:6px;font-size:15px}.next-card{display:flex;flex-direction:column;gap:6px;border:2px solid var(--q)}.next-card .btn{margin-top:8px}.mission-row{padding:10px 14px}.mission-row.done{background:color-mix(in srgb,var(--q-soft) 35%,var(--surface))}.mission-row figcaption{display:none}.mission-row .ok{font-weight:700;color:var(--good)}.complete{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;border:2px solid var(--q)}.mission{display:flex;flex-direction:column;gap:16px}.mission-head{display:flex;flex-direction:column;gap:10px}.steps-mini{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;font-size:12.5px;font-weight:700;color:var(--muted);text-align:center}.steps-mini li{border-top:5px solid var(--line);padding-top:4px}.steps-mini li.on{border-color:var(--q);color:var(--ink)}.map-box{border-radius:14px;border:1px solid var(--line);overflow-x:auto;overflow-y:hidden;background:var(--surface);-webkit-overflow-scrolling:touch}.map-box svg{display:block;width:720px;max-width:none;height:auto}@media (min-width: 760px){.map-box svg{width:100%}}.map-box .pulse{animation:pp-pulse 1.8s ease-in-out infinite;transform-origin:center;transform-box:fill-box}@keyframes pp-pulse{50%{transform:scale(1.5);opacity:.15}}.directions{font-size:17px}.spot{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.spot legend{font-family:var(--font-display);font-weight:800;font-size:20px;padding:0;margin-bottom:10px}.spot legend .small{font-family:var(--font-body);font-weight:400;display:block}.spot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.spot-item{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:12px;border-radius:14px;border:2px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-size:15.5px;cursor:pointer;min-height:92px}.spot-emoji{font-size:28px;line-height:1}.spot-check{position:absolute;top:8px;right:10px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:transparent;border:2px solid var(--line)}.spot-item[aria-pressed=true]{border-color:var(--q);background:color-mix(in srgb,var(--q-soft) 55%,var(--surface))}.spot-item[aria-pressed=true] .spot-check{background:var(--q);border-color:var(--q);color:#fff}.turn{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 14px 6px 6px}.turn>div{flex:1}.turn-name{font-family:var(--font-display);font-weight:800;font-size:19px;line-height:1.1}.turn-switch select{font:inherit;font-size:14.5px;border:1.5px solid var(--line-strong);border-radius:999px;padding:6px 10px;background:var(--surface);color:var(--ink);min-height:40px}.mission .page-title h1{font-size:25px}.choices{display:grid;gap:10px}.choice{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:14px 16px;min-height:60px;border-radius:14px;border:2px solid var(--line-strong);background:var(--surface);color:var(--ink);font:inherit;font-size:17.5px;font-weight:700;cursor:pointer}.choice:hover:not(:disabled){border-color:var(--q)}.choice>span:nth-last-child(1):not(.mark),.choice>span:not(.choice-emoji):not(.mark){flex:1}.choice.wrong{opacity:.55;text-decoration:line-through;border-style:dashed;cursor:default}.choice.right{border-color:var(--good);background:var(--good-soft);opacity:1}.choice:disabled:not(.right){cursor:default}.choice .mark{font-size:22px;font-weight:800}.choice.wrong .mark{color:var(--bad)}.choice.right .mark{color:var(--good)}.choices.young{grid-template-columns:1fr}.choices.young .choice{flex-direction:row;font-size:20px;min-height:76px}.choice-emoji{font-size:36px;line-height:1}@media (min-width: 560px){.choices.young{grid-template-columns:repeat(3,1fr)}.choices.young .choice{flex-direction:column;text-align:center;justify-content:center}}.try-again{background:var(--bad-soft);color:var(--bad);font-weight:700;padding:10px 14px;border-radius:10px}.answer-card{border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;background:var(--good-soft);border:1px solid color-mix(in srgb,var(--good) 40%,transparent)}.answer-card.shown{background:var(--surface-2);border-color:var(--line)}.answer-head{font-family:var(--font-display);font-weight:800;font-size:20px}.talk{background:var(--surface);border:2px dashed var(--q);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.talk-q{font-size:18px;font-weight:700}.done-step{display:flex;flex-direction:column;gap:16px;text-align:center}.done-step .page-title{align-items:center}.sticker-pop{display:flex;justify-content:center;padding:8px 0}@media (prefers-reduced-motion: no-preference){.sticker-pop .sticker{animation:pop .7s cubic-bezier(.2,1.6,.4,1) both}@keyframes pop{0%{transform:scale(.2) rotate(-25deg);opacity:0}to{transform:scale(1) rotate(-4deg);opacity:1}}}.sticker{margin:0;display:inline-flex;flex-direction:column;align-items:center;gap:4px;width:var(--size);color:var(--muted)}.sticker figcaption{font-size:13px;font-weight:700;text-align:center;color:var(--ink-2);line-height:1.2}.sticker.empty figcaption{color:var(--muted);font-weight:400}.sticker-shadow{filter:drop-shadow(0 2px 0 rgba(0,0,0,.2))}.sticker.earned svg{transform:rotate(-4deg)}.quest-badge.empty{color:var(--muted)}.book{display:flex;flex-direction:column;gap:18px}.book-cover{background:var(--brand-2);color:#fff;border-radius:16px 22px 22px 16px;padding:24px 18px 22px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;box-shadow:inset 12px 0 #ffffff0f,6px 8px #0000001f;border:2px solid rgba(224,165,38,.5)}.book-cover h1{color:#fff;font-size:34px}.book-cover .avatar{border-radius:50%;box-shadow:0 0 0 5px #fff,0 0 0 8px var(--gold)}.cover-top{display:flex;align-items:center;gap:8px;color:var(--gold);font-family:var(--font-display);font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:14px;align-self:stretch;justify-content:center}.cover-top svg rect:first-child{fill:transparent}.cover-meta{color:#c9d6ea}.cover-stats{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.cover-stats span{background:#ffffff1f;border-radius:999px;padding:4px 12px;font-size:15px}.cover-stats b{color:var(--gold)}.book-page{background:var(--surface);border-radius:6px 16px 16px 6px;border:1px solid var(--line);padding:16px;display:flex;flex-direction:column;gap:14px;position:relative;background-image:repeating-linear-gradient(0deg,transparent 0 27px,color-mix(in srgb,var(--q) 7%,transparent) 27px 28px);border-left:8px solid var(--q)}.book-page-head{display:flex;align-items:center;gap:12px}.book-page-head>div{flex:1}.sticker-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:14px 8px;justify-items:center}.sticker-grid li{display:flex;flex-direction:column;align-items:center;gap:2px}.stamp-date{font-size:12px;color:var(--muted)}.book-page .btn{align-self:flex-start}.prose{display:flex;flex-direction:column;gap:12px}.prose h2{margin-top:10px}.field>label>span{font-weight:700;font-size:16px}.brand span{white-space:nowrap}@media (max-width: 420px){.top .brand{font-size:16.5px}.top nav{gap:12px;font-size:14.5px}}