@import "https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,400;6..72,600;6..72,700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{color:#1c1917;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--paper:#faf9f5;--paper-deep:#f3efe6;--ink:#1c1917;--muted:#78716c;--line:#e7e2d8;--indigo:#4338ca;--indigo-dark:#3730a3;--indigo-soft:#eeecff;--amber-soft:#fef3c7;--amber-text:#92400e;background:#faf9f5;font-family:Plus Jakarta Sans,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}body{min-width:320px;max-width:100%;min-height:100vh;margin:0;overflow-x:hidden}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #4338ca73}::selection{color:#fff;background:var(--indigo)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d6d3d1;border-radius:99px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#root{max-width:100%;min-height:100vh}.app-shell{width:100%;max-width:1180px;min-height:100vh;margin:0 auto;padding:0 18px}main,.reader-section,.reader-canvas{min-width:0}.site-header,footer{justify-content:space-between;align-items:center;display:flex}.site-header{border-bottom:1px solid var(--line);min-height:68px}.brand{color:var(--ink);letter-spacing:-.025em;align-items:center;gap:8px;font-family:Newsreader,Georgia,serif;font-size:1.35rem;font-weight:700;display:inline-flex}.brand svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:23px}.main-link{border:1px solid var(--line);min-height:44px;color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:.76rem;font-weight:600;text-decoration:none;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.main-link:hover{color:var(--indigo);background:#ffffff8c;border-color:#c7c2b9}.main-link--disabled{color:#a8a29e;cursor:not-allowed}.intro{text-align:center;max-width:720px;margin:0 auto;padding:46px 4px 30px}.kicker,.story-heading p{color:var(--indigo);letter-spacing:.13em;text-transform:uppercase;margin:0 0 8px;font-size:.7rem;font-weight:700}.intro h1,.feedback h2,.final-cta h2{letter-spacing:-.035em;margin:0;font-family:Newsreader,Georgia,serif}.intro h1{font-size:clamp(2.45rem,8.8vw,4.8rem);font-weight:600;line-height:.98}.intro>p:last-child{color:var(--muted);margin:16px 0 0;font-size:.9rem}.topics{scrollbar-width:thin;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:100%;max-width:100%;padding:0 0 26px;display:grid;overflow-x:auto}.topic-switcher{padding:0 0 34px}.topic-switcher-heading{text-align:center;margin-bottom:18px}.topic-switcher-heading h2{letter-spacing:-.025em;margin:0;font-family:Newsreader,Georgia,serif;font-size:clamp(1.45rem,4vw,1.9rem)}.topic-switcher .topics{padding-bottom:0}.topic-card{border:1px solid var(--line);min-height:92px;color:var(--ink);cursor:pointer;text-align:left;background:#ffffff73;border-radius:12px;padding:13px;transition:border-color .16s,background .16s,transform .16s}.topic-card:hover{border-color:#a8a29e;transform:translateY(-1px)}.topic-card:disabled,.vote-button:disabled,.feedback-form textarea:disabled{cursor:wait;opacity:.62}.topic-card span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:7px;font-size:.63rem;font-weight:700;display:block}.topic-card strong{font-family:Newsreader,Georgia,serif;font-size:1rem;line-height:1.05;display:block}.topic-card--active{border-color:var(--indigo);background:var(--indigo-soft);box-shadow:inset 0 0 0 1px var(--indigo)}.topic-card--active span{color:var(--indigo)}.reader-section{max-width:940px;margin:0 auto;padding:22px 0 40px}.story-heading{justify-content:space-between;align-items:end;gap:20px;padding:0 4px 18px;display:flex}.story-heading p{color:var(--muted);font-size:.62rem}.story-heading h2{margin:0;font-family:Newsreader,Georgia,serif;font-size:clamp(1.45rem,5vw,2rem);line-height:1.05}.story-heading>span{color:var(--muted);flex:none;font-size:.7rem}.reader-canvas{background:#ffffff8a;border:1px solid #e7e2d8f2;border-radius:18px 18px 0 0;flex-direction:column;min-height:410px;padding:18px 18px 14px;transition:background .18s;display:flex;overflow:hidden}.reader-canvas--playing{background:#ffffffb8}.read-along-heading{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;padding:0 4px 12px;font-size:.62rem;font-weight:700;display:flex}.read-along-scroll{scrollbar-color:#c7c2b9 transparent;scrollbar-width:thin;overscroll-behavior:contain;background:#f7f3eb;border:1px solid #a8a29e6b;border-radius:12px;width:100%;height:318px;padding:25px clamp(18px,5vw,56px);position:relative;overflow-y:auto}.read-along-text{color:#625d58;text-align:left;max-width:730px;margin:0 auto;font-family:Newsreader,Georgia,serif;font-size:clamp(1.08rem,2.4vw,1.3rem);line-height:1.8}.read-along-sentence{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:5px;padding:3px 1px;transition:color .12s,background-color .12s}.read-along-sentence--active{color:var(--ink);background:#e0dcd375}.read-along-word{color:inherit;font:inherit;line-height:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;margin:-2px -1px;padding:2px 1px;transition:color 80ms linear,background-color 80ms linear,box-shadow 80ms linear}.read-along-word:hover{background:#4338ca1a}.read-along-word--active{color:#1c1917;background:#fbbf24;box-shadow:0 0 0 2px #fbbf2442}.read-along-paragraph-break{height:.9em;display:block}.rsvp-companion{width:min(100%,560px);margin:12px auto 0}.rsvp-companion-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px 4px;font-size:.58rem;font-weight:700;display:block}.rsvp-companion-box{background:#f3efe6;border:1px solid #a8a29e85;border-radius:12px;justify-content:center;align-items:center;height:92px;padding:18px 34px 10px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #1c19170a}.reader-fixation-dot{background:#dc2626;border-radius:50%;width:6px;height:6px;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 0 0 3px #dc262614}.reader-word{font-kerning:normal;font-variant-ligatures:none;letter-spacing:0;width:100%;height:1.12em;font-family:Newsreader,Georgia,serif;font-size:clamp(2.6rem,6vw,3.6rem);font-weight:700;line-height:1;overflow:visible}.reader-word text{font:inherit;letter-spacing:inherit;opacity:0}.reader-position{color:#a8a29e;font-variant-numeric:tabular-nums;letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;gap:9px;margin:12px 0 0;font-size:.62rem;font-weight:700;display:flex}.progress-track{background:#1c191714;height:4px;margin:0;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--indigo);height:100%;transition:width .12s linear;display:block}.reader-controls-deck{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#faf9f5f2;border:1px solid #e7e2d8f2;border-top:0;border-radius:0 0 18px 18px;grid-template-columns:minmax(155px,1fr) auto minmax(155px,1fr);grid-template-areas:"speed playback music";align-items:center;gap:24px;min-height:88px;padding:15px 20px;display:grid;box-shadow:0 12px 34px #1c19170d}.playback-controls{grid-area:playback;justify-content:center;align-items:center;gap:20px;display:flex}.playback-controls button,.mute-button{cursor:pointer;justify-content:center;align-items:center;min-width:48px;min-height:48px;display:inline-flex}.playback-controls svg,.mute-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:21px}.icon-button{border:1px solid var(--line);color:#44403c;background:0 0;border-radius:12px;transition:border-color .15s,background .15s,transform .15s}.icon-button:hover{background:#1c19170d;border-color:#c7c2b9;transform:scale(1.04)}.icon-button:disabled,.speed-control button:disabled{cursor:not-allowed;opacity:.38;transform:none}.play-button{color:#fff;background:#0f172a;border:1px solid #ffffff47;border-radius:12px;width:56px;height:56px;transition:background .15s,transform .15s;box-shadow:0 5px 14px #0f172a33}.play-button:hover{background:#292524;transform:scale(1.03)}.mute-button{color:var(--amber-text);background:var(--amber-soft);border:1px solid #f0d28f;border-radius:999px;grid-area:music;justify-self:end;gap:7px;padding:0 15px;font-size:.72rem;font-weight:700}.mute-button--muted{border-color:var(--line);color:var(--muted);background:0 0}.speed-control{color:var(--muted);grid-area:speed;justify-self:start;align-items:center;gap:7px;font-weight:600;display:flex}.speed-control button{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);font:500 1.35rem/1 var(--font-ui);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;transition:border-color .15s,background .15s,transform .15s;display:inline-flex}.speed-control button:hover:not(:disabled){background:#f5f3ee;border-color:#c7c2b9;transform:translateY(-1px)}.speed-control output{min-width:45px;color:var(--ink);font-variant-numeric:tabular-nums;flex-direction:column;line-height:1;display:flex}.speed-control output strong{font-size:1.05rem}.speed-control output span{color:var(--muted);letter-spacing:.1em;margin-top:3px;font-size:.52rem;font-weight:700}.keyboard-hint,.audio-notice{color:var(--muted);text-align:center;margin:10px 0 0;font-size:.65rem}.audio-notice{color:var(--amber-text)}.feedback{border:1px solid var(--line);opacity:.78;background:#ffffff70;border-radius:18px;max-width:860px;margin:10px auto 42px;padding:22px;transition:opacity .24s,border-color .24s,box-shadow .24s}.feedback--prominent{opacity:1;border-color:#bbb5ec;box-shadow:0 18px 45px #4338ca14}.feedback>div:first-child{text-align:center}.feedback h2{font-size:1.65rem}.vote-buttons{justify-content:center;gap:10px;margin-top:16px;display:flex}.vote-button{border:1px solid var(--line);min-width:112px;min-height:46px;color:var(--muted);background:var(--paper);cursor:pointer;border-radius:999px;font-size:.82rem;font-weight:700}.vote-button span{color:var(--indigo);font-size:1.05rem}.vote-button--selected{border-color:var(--indigo);color:var(--indigo);background:var(--indigo-soft)}.feedback-form{max-width:620px;margin:20px auto 0}.feedback-form label{color:var(--ink);margin-bottom:7px;font-size:.76rem;font-weight:700;display:block}.feedback-form label span{color:var(--muted);font-weight:400}.feedback-form textarea{resize:vertical;width:100%;color:var(--ink);background:#fff;border:1px solid #d6d3d1;border-radius:10px;padding:12px;font-size:.85rem}.feedback-submit-row{align-items:center;gap:13px;margin-top:10px;display:flex}.feedback-submit-row button{color:#fff;background:var(--ink);cursor:pointer;border:1px solid #ffffff4d;border-radius:8px;min-width:118px;min-height:44px;font-size:.78rem;font-weight:700}.feedback-submit-row button:disabled{cursor:wait;opacity:.62}.privacy-note{color:var(--muted);margin:0;font-size:.61rem;line-height:1.4}.feedback-status{margin:11px 0 0;font-size:.72rem;font-weight:600}.feedback-status--success{color:#047857}.feedback-status--error{color:#b91c1c}.final-cta{color:#fff;background:#292524;border-radius:18px;justify-content:space-between;align-items:center;gap:24px;max-width:960px;margin:0 auto 50px;padding:26px;display:flex}.final-cta h2{color:#fff;max-width:620px;font-size:clamp(1.55rem,5vw,2.25rem);line-height:1.05}.final-cta .kicker{color:#c7d2fe}.final-cta .main-link{color:#fff;border-color:#ffffff52;flex:none}.main-link--strong{background:#fff;border-color:#fff;border-radius:999px;min-height:48px;padding:0 18px;color:var(--ink)!important}.final-cta--strong{background:var(--indigo-dark);box-shadow:0 22px 50px #3730a333}.final-cta .main-link--disabled{background:#e7e5e4;color:#a8a29e!important}footer{border-top:1px solid var(--line);min-height:92px;color:var(--muted)}footer .brand{font-size:1.05rem}footer .brand svg{width:20px}footer p{margin:0;font-family:Newsreader,Georgia,serif;font-style:italic}@media (width<=639px){.app-shell{padding:0 14px}.site-header{min-height:62px}.brand{font-size:1.22rem}.intro{padding-top:36px}.topics{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;overflow:visible}.topic-card{text-align:center;border-radius:999px;grid-column:span 2;min-height:44px;padding:8px 6px}.topic-card:nth-child(4){grid-column:2/span 2}.topic-card:nth-child(5){grid-column:4/span 2}.topic-card span{letter-spacing:.06em;margin:0;font-size:.65rem}.topic-card strong{display:none}.reader-section{padding-top:6px}.topic-switcher{padding-bottom:30px}.topic-switcher-heading{margin-bottom:14px}.reader-canvas{border-radius:16px 16px 0 0;min-height:450px;padding:12px 9px 10px}.read-along-heading{padding:0 3px 9px;font-size:.55rem}.read-along-scroll{border-radius:10px;height:248px;padding:20px 16px}.read-along-text{font-size:1.05rem;line-height:1.72}.rsvp-companion{width:calc(100% - 6px);margin-top:10px}.rsvp-companion-label{margin-bottom:5px;font-size:.54rem}.rsvp-companion-box{border-radius:10px;height:82px;padding:17px 18px 8px}.reader-fixation-dot{width:5px;height:5px;top:9px}.reader-word{font-size:clamp(2.25rem,11vw,3rem)}.reader-position{margin-top:8px;font-size:.56rem}.reader-controls-deck{border-radius:0 0 16px 16px;grid-template-columns:1fr auto;grid-template-areas:"speed music""playback playback";row-gap:8px;min-height:132px;padding:10px 12px 12px}.playback-controls{gap:8px}.playback-controls button{min-width:44px;min-height:44px}.play-button{border-radius:16px;width:48px;height:48px}.speed-control{gap:5px}.speed-control output strong{font-size:.9rem}.mute-button{gap:4px;min-width:44px;min-height:44px;padding:0 8px;font-size:.62rem}.mute-button span{max-width:38px;line-height:1.05}.feedback{padding:20px 15px}.feedback-submit-row,.final-cta{flex-direction:column;align-items:stretch}.final-cta{padding:24px 20px}.final-cta .main-link{justify-content:center}.privacy-note{text-align:center}footer{min-height:78px}}