:root{--cream:#f7f1e7;--page:#e7e5df;--white:#fff;--lamplight:#e4a45c;--lamplight-hover:#dd9846;--lamplight-strong:#c0833b;--clay-rose:#c8826f;--clay-deep:#b06a54;--clay-chip:#a85f4b;--tint-clay-soft:#f3e6e0;--dusk-plum:#5c4d63;--figure-positive:#3f6b4f;--figure-negative:#a1402f;--figure-cost:#a1552f;--dusk-plum-hover:#6b5a75;--evening-ink:#2e2738;--display-accent:#b07a4f;--border-cream:#efe6d4;--border-strong:#e7dcc8;--input-cream:#e7ddca;--sidebar:#f4ede1;--lead-text:#5a564f;--manuscript-text:#3a3340;--wish-row-bg:#fdfbf6;--warm-separator:#d8c4a4;--warm-separator-hover:#c9b088;--cream-overlay-92:#f7f1e7eb;--cream-overlay-94:#f7f1e7f0;--destructive:#b23a2e;--destructive-on-ink:#ffb4a8;--on-ink-muted:#c8c2cf;--on-ink-soft:#b9b2c4;--on-ink-faint:#9b94ab;--on-ink-bright:#e2dee9;--on-ink-divider:#43394f;--on-ink-control-border:#f3ece042;--on-ink-track:#473f53;--on-dark-surface:#ffffff0f;--on-dark-surface-strong:#ffffff1f;--on-dark-surface-faint:#ffffff0d;--on-dark-hairline:#ffffff1a;--on-dark-cream-hairline:#f7f1e71a;--muted-quiet:#7d6f6c;--chip-neutral-bg:#f6efe3;--chip-cream-bg:#f9f4ea;--icon-chip-tint:#f3ead9;--device-shell-ink:#1b1726;--toggle-track-off:#d8cdbb;--on-ink-link:#8a82a0;--link-underline:#d8b48a;--danger-icon-bg:#f4ddd6;--danger-icon-fg:#c25a4c;--destructive-tint-bg:#fbeeec;--destructive-tint-text:#cf7c72;--destructive-tint-border:#f0d6d1;--danger-page-bg:#fffaf9;--danger-eyebrow:#c08379;--danger-border:#e7c4be;--badge-neutral-bg:#ece9e2;--badge-inactive-bg:#f0ece8;--icon-muted:#a89f92;--disabled-cta-bg:#f4dcc4;--disabled-cta-text:#c79a6b;--input-disabled-bg:#f3ede0;--divider-warm:#dcd0bd;--evidence-border-active:#e3c39f;--evidence-divider:#e4dcca;--evidence-row-zebra:#faf4e9;--evidence-row-label:#4a4454;--evidence-total-border:#e8ddc9;--tooltip-on-ink-text:#f3ece0;--tooltip-on-ink-muted:#c9b79f;--avatar-placeholder-bg:#1c2740;--neutral-300:#736d64;--neutral-400:#8a857c;--neutral-500:#6e6a63;--neutral-600:#5e5a53;--neutral-700:#54504a;--neutral-tan:#876539;--background:#f7f1e7;--surface:#fff;--surface-inverse:#2e2738;--subtle:#e7e5df;--foreground:#2e2738;--foreground-inverse:#f7f1e7;--muted-foreground:#5e5a53;--muted-foreground-inverse:#c8c2cf;--muted-faint:#736d64;--eyebrow:#876539;--primary:#e4a45c;--primary-foreground:#2e2738;--secondary:#2e2738;--secondary-foreground:#f7f1e7;--border:#efe6d4;--input:#e7ddca;--ring:#e4a45c;--font-heading:Newsreader, Georgia, "Times New Roman", serif;--font-sans:Mulish, system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--text-micro:11px;--text-eyebrow:11px;--text-caption:13px;--text-body-sm:14px;--text-body:15px;--text-lead:20px;--text-h3:22px;--text-h2:28px;--text-h1:34px;--text-display:52px;--text-display-lg:66px;--weight-display-regular:400;--weight-display-medium:500;--weight-body-regular:400;--weight-body-semibold:600;--weight-body-bold:700;--weight-body-extrabold:800;--tracking-eyebrow:2px;--tracking-eyebrow-compact:1.3px;--radius-xs:6px;--radius-sm:8px;--radius-card:14px;--radius-md:16px;--radius-lg:24px;--radius-pill:100px;--radius-full:9999px;--radius:100px;--shadow-card:0 1px 3px #2e273814;--shadow-soft:0 6px 22px #2e27381f;--shadow-soft-raised:0 16px 44px #2e273829;--shadow-md:0 8px 28px #2e273833;--shadow-lg:0 20px 50px #2e273838;--shadow-panel:0 24px 60px #2e273842;--shadow-cta:0 10px 26px #e4a45c66;--shadow-amber-sm:0 6px 16px #e4a45c5c;--shadow-cta-pill:0 8px 22px #e4a45c57;--shadow-cta-pill-plum:0 8px 22px #5c4d6357;--shadow-cta-sm:0 6px 18px #e4a45c4d;--shadow-amber-chip:0 6px 16px #e4a45c47;--shadow-panel-card:0 8px 24px #2e27380f;--shadow-hairline-lift:0 1px 3px #2e27380d;--shadow-card-lift:0 10px 30px #2e273812;--shadow-raised-card:0 16px 44px #2e27381a;--shadow-dropdown:0 18px 44px #2e27382e;--shadow-soft-sm:0 6px 18px #2e27380d;--shadow-chip:0 1px 4px #2e273812;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-18:72px;--space-auth-cookie-clearance:320px;--space-auth-cookie-clearance-narrow:480px;--now-playing-play-shadow:0 8px 22px #e4a45c73;--now-playing-progress-track:#f7f1e729;--voice-orb-from:#f0c489;--voice-orb-to:#e09b4d;--voice-listening-ring:#e4a45c80;--voice-hairline:#f2ead9;--voice-subnote-muted:#736d64;--voice-transcript-label:#b8b1a5;--voice-bubble-agent-bg:#f4f0ea;--voice-bubble-agent-label:#8a7b8f;--voice-bubble-agent-text:#4b4650;--voice-bubble-user-bg:#fbf0df;--voice-bubble-user-border:#f2e2c6;--voice-orb-shadow-idle:0 16px 38px #e4a45c66;--voice-orb-shadow-live:0 14px 34px #e4a45c66;--voice-card-shadow:0 18px 46px #2e27381a}*,:before,:after{box-sizing:border-box}html{background:var(--background);color:var(--foreground);font-family:var(--font-sans);font-size:var(--text-body);-webkit-font-smoothing:antialiased;line-height:1.66}body{min-height:100vh;margin:0}button,input{font:inherit}.eyebrow{margin:0 0 var(--space-3);font-family:var(--font-mono);font-size:var(--text-eyebrow);font-weight:var(--weight-body-semibold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--eyebrow)}.eyebrow-amber-on-dark{color:var(--lamplight)}.eyebrow-muted{color:var(--muted-faint)}.headline{font-family:var(--font-heading);font-weight:var(--weight-display-medium);letter-spacing:-.3px;margin:0;line-height:1.1}.headline-display{font-size:clamp(var(--text-h1), 6vw, var(--text-display));line-height:1.06}.headline-section{font-size:var(--text-h2)}.headline-card{font-size:var(--text-h3)}.accent{color:var(--display-accent);font-style:italic}.on-ink .accent{color:var(--lamplight)}.lead{margin:var(--space-4) 0 0;max-width:46rem;font-size:clamp(var(--text-body), 2.1vw, var(--text-lead));color:var(--lead-text);line-height:1.6}.body-muted{color:var(--muted-foreground)}.mono{font-family:var(--font-mono)}.wordmark{align-items:center;gap:var(--space-3);display:inline-flex}.wordmark-text{font-family:var(--font-heading);font-weight:var(--weight-display-medium);font-size:var(--text-h3);color:var(--foreground);line-height:1}.wordmark-text em{font-style:italic}.page{max-width:1180px;padding:var(--space-5) var(--space-5) var(--space-16);margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-5);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.topbar-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.hero{padding:var(--space-12) 0 var(--space-10)}.stage{gap:var(--space-6);grid-template-columns:1fr;align-items:start;display:grid}@media (width>=900px){.stage{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:var(--space-8) var(--space-6)}.ink-panel{background:var(--surface-inverse);color:var(--foreground-inverse);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);padding:var(--space-8) var(--space-6);flex-direction:column;min-height:520px;display:flex;position:relative;overflow:hidden}.ink-panel .body-muted{color:var(--on-ink-muted)}.pill{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius);font-weight:var(--weight-body-bold);font-size:var(--text-body-sm);cursor:pointer;border:1px solid #0000;line-height:1.2;transition:transform .12s,box-shadow .12s,background-color .12s;display:inline-flex}.pill:disabled{cursor:default;opacity:.6}.pill-primary{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-cta-pill)}.pill-primary:not(:disabled):hover{background:var(--lamplight-hover);transform:translateY(-1px)}.pill-secondary{background:var(--secondary);color:var(--secondary-foreground)}.pill-ghost{color:var(--foreground);border-color:var(--border-strong);background:0 0}.on-ink .pill-ghost{color:var(--foreground-inverse);border-color:var(--on-ink-control-border)}.pill-ghost:not(:disabled):hover{background:var(--chip-cream-bg)}.on-ink .pill-ghost:not(:disabled):hover{background:var(--on-dark-surface)}.status-chip{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:var(--tracking-eyebrow-compact);text-transform:uppercase;color:var(--lamplight);border:1px solid color-mix(in srgb, var(--lamplight) 40%, transparent);border-radius:var(--radius);padding:var(--space-1) var(--space-3);display:inline-flex}.status-chip:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status-chip[data-live=true]:before{animation:1.2s ease-in-out infinite pulse}.on-cream .status-chip{color:var(--lamplight-strong);border-color:color-mix(in srgb, var(--lamplight) 55%, transparent);background:var(--chip-cream-bg)}.mode-chip{font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:var(--tracking-eyebrow-compact);text-transform:uppercase;color:var(--muted-foreground)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.device-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.device-stage{gap:var(--space-6);margin-top:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=640px){.device-stage{grid-template-columns:auto minmax(0,1fr);align-items:center}}.orb-wrap{place-items:center;width:148px;height:148px;margin:0 auto;display:grid;position:relative}.orb-ring{border:3px solid var(--voice-listening-ring);opacity:0;border-radius:50%;transition:transform 80ms linear,opacity .16s;position:absolute;inset:0;transform:scale(.85)}.orb-ring[data-active=true]{opacity:1}.orb{background:radial-gradient(circle at 35% 30%, var(--voice-orb-from), var(--voice-orb-to));width:120px;height:120px;box-shadow:var(--voice-orb-shadow-idle);color:var(--evening-ink);font-family:var(--font-heading);font-weight:var(--weight-display-medium);font-size:var(--text-h3);cursor:pointer;border:none;border-radius:50%;transition:transform .12s,box-shadow .12s}.orb[data-active=true]{box-shadow:var(--voice-orb-shadow-live);transform:scale(.96)}.orb:disabled{cursor:not-allowed;filter:saturate(.5)}.orb-hint{margin:var(--space-3) 0 0;text-align:center;font-size:var(--text-caption);color:var(--muted-foreground)}.keyboard{gap:var(--space-2);flex-wrap:wrap;display:flex}.keyboard-label{margin-bottom:var(--space-2);font-size:var(--text-caption);font-weight:var(--weight-body-semibold);color:var(--muted-foreground);display:block}.keyboard input{min-width:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius);border:1px solid var(--input);background:var(--surface);color:var(--foreground);flex:200px}.keyboard input:focus-visible,.pill:focus-visible,.orb:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.transcript{margin:var(--space-6) 0 0;padding-top:var(--space-5);border-top:1px solid var(--border);gap:var(--space-3);display:grid}.transcript-row{gap:var(--space-3);grid-template-columns:4.5rem minmax(0,1fr);align-items:baseline;display:grid}.transcript-row .who{font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:var(--tracking-eyebrow-compact);text-transform:uppercase;color:var(--muted-faint)}.transcript-row p{margin:0}.transcript-row.alexa p{font-family:var(--font-heading);font-size:var(--text-lead);line-height:1.35}.alert{margin:var(--space-4) 0 0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--destructive-tint-bg);border:1px solid var(--destructive-tint-border);color:var(--destructive);font-size:var(--text-body-sm)}.notice{margin:var(--space-5) 0 0;font-size:var(--text-caption);color:var(--muted-foreground)}.panel-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.panel-body{text-align:center;padding:var(--space-8) 0;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.moon-screen{border-radius:var(--radius-md);width:176px;height:176px;box-shadow:var(--shadow-md);overflow:hidden}.story-art{border-radius:var(--radius-md);width:168px;height:168px;box-shadow:var(--shadow-md);object-fit:cover}.panel-title{margin:var(--space-6) 0 0;font-family:var(--font-heading);font-weight:var(--weight-display-regular);font-size:var(--text-h2);color:var(--foreground-inverse);line-height:1.25}.panel-sub{margin:var(--space-3) 0 0;font-size:var(--text-caption);color:var(--on-ink-muted)}.panel-hint{margin:var(--space-4) 0 0;max-width:24rem;font-size:var(--text-body-sm);color:var(--on-ink-soft)}.progress{background:var(--now-playing-progress-track);border-radius:3px;height:4px;position:relative}.progress-fill{background:var(--lamplight);border-radius:3px;position:absolute;inset:0 auto 0 0}.progress-knob{background:var(--white);border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%)}.progress-times{margin-top:var(--space-2);font-family:var(--font-mono);font-size:var(--text-micro);color:var(--on-ink-faint);justify-content:space-between;display:flex}.panel-controls{justify-content:center;gap:var(--space-3);margin-top:var(--space-5);display:flex}.play-button{box-shadow:var(--now-playing-play-shadow)}.panel-foot{margin:var(--space-5) 0 0;text-align:center;font-size:var(--text-caption);color:var(--on-ink-link)}.hood{margin-top:var(--space-6)}.hood-head{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.hood-list{margin:var(--space-5) 0 0;gap:var(--space-2);padding:0;list-style:none;display:grid}.hood-row{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--chip-cream-bg);border:1px solid var(--border);font-family:var(--font-mono);font-size:var(--text-caption);grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;display:grid}.hood-row .tool{text-overflow:ellipsis;white-space:nowrap;color:var(--foreground);overflow:hidden}.hood-row .era,.hood-row .ms{color:var(--muted-foreground)}.hood-row .ok{color:var(--figure-positive)}.hood-row .fail{color:var(--figure-negative)}.hood-empty{margin:var(--space-4) 0 0;font-size:var(--text-body-sm);color:var(--muted-foreground)}.callback{max-width:34rem;margin:var(--space-16) auto 0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.status-chip[data-live=true]:before{animation:none}}