:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#fbfbf8;--surface:#fff;--mist:#e6eae8;--ink:#22303c;--ink-soft:#52616c;--evergreen:#2f5d50;--evergreen-strong:#244a40;--on-evergreen:#fff;--brass:#b08d57;--brass-soft:#f3ebdd;--line:#d9dfdc;--danger:#a33a2c;--serif:"Newsreader", "Iowan Old Style", Georgia, serif;--sans:"Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;--radius:14px;--shadow:0 1px 2px #22303c0f, 0 8px 24px #22303c14}*,:before,:after{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:18px;line-height:1.6}h1,h2,h3{font-family:var(--serif);text-wrap:balance;margin:0;font-weight:500;line-height:1.15}:focus-visible{outline:3px solid var(--brass);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.page-loading{min-height:60vh;color:var(--ink-soft);place-items:center;display:grid}.rec{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr);place-items:start center;font-size:20px;display:grid}.rec-card{gap:20px;width:min(100%,560px);padding-top:clamp(8px,4vh,48px);display:grid}.rec-card p{margin:0}.rec-center{text-align:center;justify-items:center;gap:20px;display:grid}.center{text-align:center}.rec-hello{font:500 2rem var(--serif)}.rec-title{font:500 2rem/1.2 var(--serif)}.rec-lead{color:var(--ink-soft);font-size:1.15rem}.rec-small{color:var(--ink-soft);font-size:1rem}.rec-question{font:italic 500 clamp(2rem, 8vw, 2.6rem)/1.2 var(--serif);color:var(--ink);padding-block:8px}.rec-question.small{text-align:center;font-size:1.5rem}.rec-actions{gap:14px;margin-top:8px;display:grid}.big-btn,.quiet-btn{width:100%;min-height:68px;font:700 1.3rem var(--sans);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:0 24px;display:flex}.big-btn{background:var(--evergreen);color:var(--on-evergreen);box-shadow:var(--shadow);border:0}.big-btn:hover{background:var(--evergreen-strong)}.big-btn.stop{background:var(--ink);color:var(--paper)}.quiet-btn{border:2px solid var(--line);background:var(--surface);color:var(--ink)}.text-btn{min-height:48px;color:var(--evergreen);font:1.1rem var(--sans);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;justify-self:center;text-decoration:underline}.rec-dot{background:#e0503c;border-radius:50%;flex:none;width:18px;height:18px}.stop-square{background:currentColor;border-radius:3px;width:18px;height:18px}.stage{aspect-ratio:3/4;background:#0d1216;border-radius:24px;width:100%;max-height:56vh;position:relative;overflow:hidden}.preview{background:#0d1216;border-radius:24px;width:100%;max-width:100%;display:block}.stage .preview{object-fit:cover;border-radius:0;height:100%}.mirrored{transform:scaleX(-1)}.countdown-number{font:500 9rem/1 var(--serif);color:#fff;text-shadow:0 4px 24px #00000080;place-items:center;display:grid;position:absolute;inset:0}.rec-badge{color:#fff;background:#0000008c;border-radius:999px;align-items:center;gap:10px;padding:8px 16px;font-size:1rem;font-weight:700;display:flex;position:absolute;top:14px;left:14px;right:14px}.rec-badge .rec-dot{animation:1.4s ease-in-out infinite blink}.timer{font-variant-numeric:tabular-nums;margin-left:auto}@keyframes blink{50%{opacity:.3}}.listening{color:#fff;place-content:center;justify-items:center;gap:20px;height:100%;font-size:1.2rem;display:grid}.pulse{background:var(--brass);border-radius:50%;width:96px;height:96px;animation:1.8s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.7;transform:scale(.8)}}.playback-audio{width:100%}.fake-prompt{background:var(--mist);text-align:center;border-radius:18px;gap:16px;padding:20px;font-size:1rem;display:grid}.fake-prompt div{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;padding-top:12px;display:grid}.fake-prompt span{color:var(--ink-soft)}.fake-prompt .allow{color:var(--evergreen);outline:3px solid var(--brass);outline-offset:4px;border-radius:8px;font-weight:700}.bar{background:var(--mist);border-radius:999px;width:100%;height:16px;overflow:hidden}.bar span{background:var(--evergreen);height:100%;transition:width .2s;display:block}.heart{color:var(--brass);font-size:3rem}.fix-list{gap:14px;margin:0;padding-left:1.2em;font-size:1.1rem;display:grid}.rec-error{background:var(--brass-soft);color:var(--ink);border-radius:14px;padding:14px 18px;font-size:1rem}.test-note{border:1px dashed var(--line);color:var(--ink-soft);border-radius:12px;padding:12px 16px;font-size:.95rem;margin-top:16px!important}.app{min-height:100dvh;padding-inline:clamp(16px,4vw,40px)}.topbar{border-bottom:1px solid var(--line);align-items:center;gap:28px;max-width:1120px;margin-inline:auto;padding-block:18px;display:flex}.brand{font:500 1.4rem var(--serif)}.topbar nav{gap:22px;margin-left:auto;font-size:1rem;display:flex}.nav-item{color:var(--ink-soft)}.nav-item.active{color:var(--ink);font-weight:700}.nav-item.soon small{background:var(--mist);letter-spacing:.04em;border-radius:6px;margin-left:4px;padding:1px 6px;font-size:.7rem}@media (width<=640px){.nav-item.soon{display:none}}.avatar{background:var(--evergreen);color:var(--on-evergreen);font-family:var(--serif);border-radius:50%;flex:none;place-items:center;display:grid}.avatar.small{width:38px;height:38px;font-size:1.1rem}.avatar.large{background:var(--brass-soft);width:clamp(88px,14vw,128px);height:clamp(88px,14vw,128px);color:var(--brass);border:3px solid var(--brass);font-size:clamp(2.6rem,5vw,3.6rem)}.library{gap:28px;max-width:1120px;margin-inline:auto;padding-block:40px 80px;display:grid}.storyteller{flex-wrap:wrap;align-items:center;gap:clamp(20px,3vw,36px);display:flex}.storyteller-copy{gap:8px;display:grid}.storyteller h1{font-size:clamp(2rem,4.5vw,3.2rem)}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--brass);margin:0;font-size:.8rem;font-weight:700}.stats{color:var(--ink-soft);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:10px;margin:0;display:flex}.example-note{border:1px dashed var(--brass);color:var(--ink-soft);border-radius:12px;margin:0;padding:12px 18px;font-size:1rem}.example-note a{color:var(--evergreen);font-weight:700}.next{border-radius:var(--radius);background:var(--mist);gap:4px;padding:22px 26px;display:grid}.next p{margin:0}.next-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:.85rem;font-weight:700}.next-q{font:italic 500 1.5rem var(--serif)}.next-when{color:var(--ink-soft);font-size:1rem}.chips{flex-wrap:wrap;gap:10px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);min-height:42px;color:var(--ink);font:1rem var(--sans);cursor:pointer;border-radius:999px;padding:0 16px}.chip span{color:var(--ink-soft);font-variant-numeric:tabular-nums;margin-left:4px}.chip.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}.chip.on span{color:inherit;opacity:.7}.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px;display:grid}.story{grid-template-rows:auto 1fr;gap:14px;display:grid}.story-cover,.story-media{aspect-ratio:4/3;border-radius:var(--radius);object-fit:cover;background:#0d1216;width:100%;max-width:100%;position:relative}.story-cover{background:var(--brass-soft);align-items:flex-end;padding:20px;display:flex}.story-cover[data-cat="Love & Family"],.story-cover[data-cat=Traditions]{background:var(--mist)}.story-cover-q{font:italic 500 1.25rem/1.3 var(--serif);color:var(--ink)}.tag{background:var(--surface);color:var(--ink-soft);letter-spacing:.04em;border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:700;position:absolute;top:12px;right:12px}.story-body{align-content:start;gap:4px;display:grid}.story-body p{margin:0}.story-cat{letter-spacing:.1em;text-transform:uppercase;color:var(--brass);font-size:.78rem;font-weight:700}.story-body h2{font-size:1.4rem}.story-meta{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:.95rem}.thank,.thanked{justify-self:start;font-size:.95rem;margin-top:8px!important}.thank{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--ink);font-family:var(--sans);cursor:pointer;border-radius:999px;padding:0 16px}.thank:hover{border-color:var(--brass)}.thanked{color:var(--evergreen);align-items:center;min-height:40px;font-weight:700;display:flex}