:root{--bg:#F8EDD6;--bg-soft:#FBF4E1;--surface:#FFFBF1;--surface-2:#FFF7E6;--ink:#2A1F14;--ink-soft:#6A5A47;--ink-faint:#A09180;--line:#E7D8B7;--line-soft:#F0E4C8;--primary:#DD5A36;--primary-soft:#F4A07F;--primary-ink:#FFFFFF;--accent-sage:#4E7B5A;--accent-mustard:#D49B3A;--accent-berry:#B84C6D;--shadow-sm:0 1px 0 rgba(42,31,20,.04),0 2px 6px rgba(42,31,20,.05);--shadow-md:0 1px 0 rgba(42,31,20,.04),0 10px 30px -10px rgba(42,31,20,.18);--shadow-lg:0 1px 0 rgba(42,31,20,.05),0 28px 60px -20px rgba(42,31,20,.28);--radius-sm:10px;--radius:16px;--radius-lg:22px;--radius-xl:28px;--font-display:var(--font-caprasimo),var(--font-newsreader),Georgia,serif;--font-body:var(--font-nunito),var(--font-plus-jakarta),system-ui,-apple-system,sans-serif;--font-mono:var(--font-jetbrains),ui-monospace,Menlo,monospace;--size-step:0;--gutter:24px;--pad:28px}[data-density=compact]{--gutter:16px;--pad:18px;--size-step:-1px}[data-density=regular]{--gutter:24px;--pad:24px;--size-step:0px}[data-density=comfy]{--gutter:32px;--pad:36px;--size-step:1px}[data-fontset=storybook]{--font-display:var(--font-caprasimo),Georgia,serif;--font-body:var(--font-nunito),system-ui,sans-serif}[data-fontset=editorial]{--font-display:var(--font-newsreader),Georgia,serif;--font-body:var(--font-plus-jakarta),system-ui,sans-serif}[data-fontset=friendly]{--font-display:var(--font-bricolage),system-ui,sans-serif;--font-body:var(--font-nunito),system-ui,sans-serif}[data-dark="1"]{--bg:#1B1610;--bg-soft:#221C14;--surface:#281F16;--surface-2:#322619;--ink:#F8EDD6;--ink-soft:#C9B89A;--ink-faint:#8A7B66;--line:#3B2E1F;--line-soft:#4A3A28;--primary-ink:#1B1610;--shadow-sm:0 1px 0 rgba(0,0,0,.3),0 2px 6px rgba(0,0,0,.4);--shadow-md:0 1px 0 rgba(0,0,0,.3),0 10px 30px -10px rgba(0,0,0,.5);--shadow-lg:0 1px 0 rgba(0,0,0,.4),0 28px 60px -20px rgba(0,0,0,.7)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);font-size:calc(15px + var(--size-step));line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit}h1,h2,h3,h4{margin:0;font-weight:600;line-height:1.15;letter-spacing:-.01em}p{margin:0}a{color:inherit;text-decoration:none}.display{font-family:var(--font-display);letter-spacing:-.005em;font-weight:400}.mono{font-family:var(--font-mono)}.app{display:grid;grid-template-columns:268px 1fr;min-height:100vh;background:var(--bg)}.sidebar{padding:22px 18px;border-right:1px solid var(--line);background:var(--bg-soft);position:-webkit-sticky;position:sticky;top:0;height:100vh;gap:22px;overflow-y:auto}.main,.sidebar{display:flex;flex-direction:column}.main{min-width:0}.topbar{display:flex;align-items:center;gap:12px;padding:18px var(--pad);border-bottom:1px solid var(--line);background:var(--bg);position:-webkit-sticky;position:sticky;top:0;z-index:5;flex-wrap:wrap}.content{padding:var(--pad);max-width:1400px;width:100%}.mobile-nav-toggle{display:none}.sidebar-overlay{display:none;position:fixed;inset:0;background:color-mix(in srgb,var(--ink) 40%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40}.sidebar-overlay.open{display:block}@media (max-width:980px){.app{grid-template-columns:1fr}.sidebar{display:flex;position:fixed;top:0;left:0;bottom:0;width:280px;z-index:45;transform:translateX(-100%);transition:transform .25s cubic-bezier(.2,.7,.2,1);border-right:1px solid var(--line);box-shadow:var(--shadow-lg)}.sidebar.open{transform:translateX(0)}.mobile-nav-toggle{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;border:none;background:var(--surface);color:var(--ink);cursor:pointer;flex-shrink:0}}@media (max-width:640px){:root{--pad:16px;--gutter:14px}[data-density=comfy]{--pad:20px;--gutter:18px}.topbar{padding:12px var(--pad)}.topbar h1{font-size:22px!important}.content{padding:var(--pad)}.sidebar{width:85vw;max-width:320px}.hide-mobile{display:none!important}}@media (min-width:641px){.hide-desktop{display:none!important}}.chapter-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chapter-actions{display:flex;gap:10px;flex-wrap:wrap}@media (max-width:640px){.chapter-header{gap:6px}.chapter-actions{flex-direction:column}.chapter-actions .btn{width:100%;justify-content:center}}.chapter-insert{position:relative;height:14px;margin:2px 0;display:flex;align-items:center;justify-content:center;opacity:.35;transition:opacity .18s ease,height .18s ease}.chapter-insert:focus-within,.chapter-insert:hover{opacity:1;height:36px}.chapter-insert-line{position:absolute;top:50%;left:0;right:0;height:1px;background:var(--line)}.chapter-insert-buttons{position:relative;display:flex;gap:6px;background:var(--bg);padding:0 10px}.chapter-insert-buttons button{display:inline-flex;align-items:center;gap:4px;padding:5px 11px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.chapter-insert-buttons button:hover{background:var(--primary);color:white;border-color:var(--primary)}@media (hover:none){.chapter-insert{opacity:.7;height:36px}}.editor-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media (max-width:768px){.editor-toolbar{gap:6px}.editor-toolbar .btn{font-size:13px;padding:9px 14px}}@media (max-width:640px){.editor-toolbar{display:grid;grid-template-columns:1fr 1fr;width:100%}.editor-toolbar .btn{justify-content:center}.editor-toolbar .btn-primary{grid-column:1/-1}}.audio-player{position:fixed;bottom:0;left:260px;right:0;height:72px;background:var(--surface);border-top:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 20px;z-index:100}.audio-player-progress{flex:1 1;height:6px;border-radius:3px;background:var(--line);cursor:pointer;position:relative}@media (max-width:980px){.audio-player{left:0}}@media (max-width:640px){.audio-player{height:auto;padding:10px 14px 12px;flex-wrap:wrap;gap:8px 10px}.audio-player-progress{order:10;flex:1 0 100%;height:4px;margin-top:0}}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;font:inherit;font-weight:600;transition:transform .12s ease,box-shadow .15s ease,background .15s ease}.btn-primary{background:var(--primary);color:var(--primary-ink)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px -6px var(--primary)}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn-ghost:hover,.btn-soft{background:var(--surface)}.btn-soft{color:var(--ink);border:1px solid var(--line)}.btn-soft:hover{background:var(--surface-2)}.btn-quiet{background:transparent;color:var(--ink-soft);padding:8px 12px;border-radius:10px}.btn-quiet:hover{background:var(--surface);color:var(--ink)}.btn-icon{padding:9px;border-radius:12px}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--ink-soft)}.chip-on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.chip-tone-coral{background:#FEE5DC;color:#883319;border-color:#F8C7B5}.chip-tone-sage{background:#DEEBE0;color:#2E5A3A;border-color:#BFD8C4}.chip-tone-mustard{background:#F6E6BE;color:#735013;border-color:#E5CF94}.chip-tone-berry{background:#F4D9E2;color:#6E2741;border-color:#E1B6C5}[data-dark="1"] .chip-tone-coral{background:#4A2114;color:#FBC9B5;border-color:#6E2E1B}[data-dark="1"] .chip-tone-sage{background:#1F3A28;color:#BFD8C4;border-color:#2D5236}[data-dark="1"] .chip-tone-mustard{background:#3E2E10;color:#E5CF94;border-color:#5A4517}[data-dark="1"] .chip-tone-berry{background:#401C2A;color:#E1B6C5;border-color:#5D2A3D}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:var(--pad)}.input{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:11px 14px;border-radius:12px;font:inherit;outline:none}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}textarea.input{resize:vertical;min-height:110px;line-height:1.5}.ph{border-radius:var(--radius);border:1px dashed var(--line);background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--ink) 4%,transparent) 0 1px,transparent 1px 9px),var(--surface);color:var(--ink-faint);font-family:var(--font-mono);font-size:11px;display:flex;align-items:center;justify-content:center;text-align:center}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ink) 18%,transparent);border-radius:999px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}.page{animation:pagein .32s cubic-bezier(.2,.7,.2,1)}@keyframes pagein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wave{display:inline-flex;align-items:center;gap:2px;height:14px}.wave i{display:inline-block;width:2px;background:currentColor;border-radius:2px;animation:wave 1.2s ease-in-out infinite}.wave i:first-child{height:30%;animation-delay:-.1s}.wave i:nth-child(2){height:70%;animation-delay:-.3s}.wave i:nth-child(3){height:50%;animation-delay:-.5s}.wave i:nth-child(4){height:90%;animation-delay:-.2s}.wave i:nth-child(5){height:40%;animation-delay:-.4s}@keyframes wave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1.1)}}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:12px 18px;border-radius:999px;font-weight:600;font-size:14px;box-shadow:var(--shadow-lg);z-index:100;animation:toastin .25s ease}@keyframes toastin{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.modal-backdrop{position:fixed;inset:0;background:color-mix(in srgb,var(--ink) 40%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;display:grid;place-items:center;padding:24px;animation:fade .2s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--line);width:100%;max-width:720px;box-shadow:var(--shadow-lg);animation:modalin .3s cubic-bezier(.2,.7,.2,1);overflow:hidden}@keyframes modalin{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.stack{position:relative;height:480px;max-width:520px;margin:0 auto}.stack-card{position:absolute;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);padding:18px}.stack-card-a{left:0;top:30px;width:75%;transform:rotate(-3deg)}.stack-card-b{right:0;top:0;width:56%;transform:rotate(4deg);z-index:2}.stack-card-c{left:20%;bottom:0;width:60%;transform:rotate(-1deg);z-index:3}.cover{border-radius:14px;aspect-ratio:1.2/1;position:relative;overflow:hidden;margin-bottom:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}.cover img{width:100%;height:100%;object-fit:cover;display:block}.cover-coral{background:linear-gradient(135deg,#F4A07F,#DD5A36)}.cover-sage{background:linear-gradient(135deg,#88B095,#4E7B5A)}.cover-mustard{background:linear-gradient(135deg,#ECC677,#B7842D)}.card-title{font-family:var(--font-display);font-size:19px;line-height:1.1;margin-bottom:6px}.card-meta{font-size:12.5px;color:var(--ink-soft);display:flex;align-items:center;gap:10px}.card-meta .sep{opacity:.4}.sticker{position:absolute;font-family:var(--font-display);padding:9px 14px;border-radius:999px;background:var(--ink);color:var(--bg);font-size:13px;transform:rotate(-6deg);box-shadow:var(--shadow-md);z-index:5}.deco-spark{position:absolute;pointer-events:none;opacity:.55}@media (max-width:640px){.stack{height:380px;max-width:340px}.stack-card{padding:12px}.card-title{font-size:15px}.sticker{font-size:11px;padding:6px 10px}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:1000;padding:20px 24px;display:flex;justify-content:center;animation:cookie-slide-up .35s cubic-bezier(.2,.7,.2,1)}.cookie-banner-inner{width:100%;max-width:620px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--pad)}@keyframes cookie-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.toggle{position:relative;width:44px;height:24px;border-radius:12px;background:var(--line);border:none;cursor:pointer;transition:background .2s ease;flex-shrink:0}.toggle[aria-checked=true]{background:var(--primary)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:white;transition:transform .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.15)}.toggle[aria-checked=true]:after{transform:translateX(20px)}.toggle:disabled{opacity:.5;cursor:not-allowed}.legal-content h1{font-size:28px;font-weight:700;margin-bottom:8px}.legal-content .subtitle{font-size:14px;color:var(--ink-faint);margin-bottom:40px}.legal-content h2{font-size:20px;font-weight:700;margin-top:40px;margin-bottom:12px}.legal-content h3{font-size:16px;font-weight:700;margin-top:28px;margin-bottom:8px}.legal-content ol,.legal-content p,.legal-content ul{font-size:14px;line-height:1.7;color:var(--ink-soft);margin-bottom:12px}.legal-content ol,.legal-content ul{padding-left:24px}.legal-content li{margin-bottom:4px}.legal-content a{color:var(--primary);text-decoration:underline;text-underline-offset:2px}.legal-content strong{color:var(--ink)}.legal-content table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:20px}.legal-content td,.legal-content th{padding:10px 14px;border:1px solid var(--line);text-align:left}.legal-content th{background:var(--bg-soft);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint)}.legal-content .placeholder{background:var(--surface-2);border:1px dashed var(--line);border-radius:6px;padding:2px 8px;font-family:var(--font-mono);font-size:12px;color:var(--accent-mustard)}.footer{border-top:1px solid var(--line);padding:24px 32px;text-align:center;font-size:13px;color:var(--ink-faint)}.footer-links{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:8px}.footer-links a,.footer-links button{color:var(--ink-soft);font-size:13px;background:none;border:none;cursor:pointer;font-family:inherit;text-decoration:none;padding:0}.footer-links a:hover,.footer-links button:hover{color:var(--ink)}.sidebar-legal{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:8px 14px 4px}.sidebar-legal a{font-size:10.5px;color:var(--ink-faint);text-decoration:none}.sidebar-legal a:hover{color:var(--ink-soft)}@media (max-width:640px){.cookie-banner{padding:12px}.cookie-banner-inner{padding:16px;border-radius:var(--radius)}}