/* House of Stories — Dark Interactive Workspace V1 */
600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root {
 --hos-bg:#080B10;--hos-sidebar:#10141B;--hos-midnight:#061B34;--hos-card:#171E28;--hos-raised:#202A37;
 --hos-text:#F5F1E9;--hos-muted:#AEB8C6;--hos-gold:#DDB96E;--hos-lavender:#9F7AEA;--hos-border:#303948;
 --story-exclusion:#6F7F2C;--story-division:#168795;--story-control:#1769C2;--story-hesitation:#0E3A73;
 --story-settling:#6A42A5;--story-scarcity:#8E1538;--story-procrastination:#ED6B19;--story-distraction:#D39A21;
 --font-display:'Cormorant Garamond',Georgia,serif;--font-ui:'Plus Jakarta Sans',Inter,system-ui,sans-serif;
 --radius-card:20px;--radius-composer:24px;--radius-pill:999px;--sidebar-width:260px;
}

body{font-family:var(--font-ui);font-size:16px}h1,h2,.card h2,.card h3,.panel h2,.feature h3{font-family:var(--font-display);font-weight:500}h1{line-height:1.02}.hero h1{font-size:86px}.hero>p{font-size:16px;max-width:650px}.card p,.panel p{max-width:72ch}nav button,.sidebottom>button{font-size:14px;min-height:44px}nav h3{font-size:11px}.brand{font-family:var(--font-display);font-size:13px;gap:10px}.brand small{font-family:var(--font-ui)}.brandmark.officialmark{object-fit:contain;background:#f5f1e9;border:0;border-radius:50%;padding:3px;letter-spacing:normal;width:46px;height:46px}.symbol{opacity:.22;right:-170px;top:-45px;width:480px;height:480px;transform:none}.symbol img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 30px #ddb96e38) drop-shadow(0 0 45px #9f7aea30)}.quick,.card{border-radius:20px}.composer{border-radius:24px}.submit,.pill,.actions button{border-radius:999px;min-height:48px}.quick strong{font-size:15px}.quick p{font-size:13px}.storychip{display:flex;align-items:center;gap:10px;background:#171e28;padding:12px 16px;border-radius:9px;border-left:4px solid var(--story-color);font-size:14px}.storychip>span{width:12px;height:12px;background:var(--story-color);border-radius:50%}.panel .tag{color:var(--gold)}.panel h2{font-size:44px}.lowglow .symbol{opacity:.1}.collapsed .brandmark.officialmark{width:42px;height:42px}.collapsed .sidebottom>button{display:flex;font-size:0;justify-content:center}.collapsed .sidebottom>button:before{content:'ⓘ';font-size:18px}.collapsed .sidebottom>button[data-view=privacy]:before{content:'♧'}.collapsed .sidebottom #theme:before{content:'⚙'}
@media(min-width:1450px){.hero h1{font-size:92px}.symbol{width:560px;height:560px;right:-150px}}@media(min-width:721px) and (max-width:1000px){.hero h1{font-size:68px}.symbol{right:-180px;width:410px;height:410px}.brandmark.officialmark{width:42px;height:42px}nav button{font-size:14px}.sidebottom>button{font-size:0}.sidebottom>button:before{content:'ⓘ';font-size:18px}.sidebottom>button[data-view=privacy]:before{content:'♧'}.sidebottom #theme:before{content:'⚙'}}@media(max-width:720px){.hero h1{font-size:58px}.hero>p{font-size:16px}.symbol{width:330px;height:330px;right:-160px;top:-30px;opacity:.12}.quick strong{font-size:15px}.collapsed .sidebottom>button{font-size:14px;justify-content:start}.collapsed .sidebottom>button:before{display:none}.composer textarea{font-size:18px}.brandmark.officialmark{width:46px;height:46px}}