@font-face{font-family:Mondwest;src:url(/stories/remindr/fonts/PPMondwest-Regular.otf)format("opentype");font-display:swap}@font-face{font-family:Tomorrow;src:url(/stories/remindr/fonts/tomorrow-500.woff2)format("woff2");font-weight:500;font-display:swap}:root{--bg:#050409;--surface:#110631;--surface-border:#8b5cf66b;--veil:#0504098c;--panel-placeholder:#050409;--text:#b4b6c0;--text-muted:#8b8aa0;--label:#8b5cf6;--accent:#8b5cf6;--font-body:"Mondwest", monospace;--font-display:"Mondwest", monospace;--font-sfx:var(--font-display);--display-weight:400;--voice-mira:#8b5cf6;--voice-other:#8b8aa0;--page-width:1440px;--text-width:1120px;--radius-pill:0;--radius-card:0;--radius-round:0;--control-bg:transparent;--control-border:#8b5cf68c;--control-font:"Tomorrow", sans-serif;--control-weight:500;--control-size:12px;--control-tracking:.14em;--control-case:uppercase;--control-color:#b4b6c0;--control-bg-hover:#8b5cf6;--control-border-hover:#8b5cf6;--control-color-hover:#110631;--control-bloom:drop-shadow(0 0 10px #8b5cf6a6) drop-shadow(0 0 28px #8b5cf666);--control-press:1px;--control-dur:.24s;--control-dur-tap:.16s;--control-ease:cubic-bezier(.22, 1, .36, 1);--focus-ring:#b4b6c0;--primary-bg:#8b5cf6;--primary-bg-hover:#b4b6c0;--primary-color:#110631;--primary-border:transparent;--control-bracket:#8b5cf6;--bracket-arm:12px;--bracket-gap:8px;--reader-scale:1;--ornament:url(/stories/remindr/mark.svg);--ornament-size:44px}@media (prefers-reduced-motion:reduce){:root{--control-dur:0s;--control-dur-tap:0s}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:clip}body{background:var(--bg);color:var(--text);font-family:var(--font-body);margin:0;line-height:1.62;overflow-x:clip}.skip-link{z-index:100;background:var(--surface);color:var(--text);border:1px solid var(--surface-border);border-radius:var(--radius-pill);padding:10px 16px;position:absolute;top:0;left:-9999px}.skip-link:focus{top:8px;left:8px}:where(a,button,select,[tabindex]):focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.comic{max-width:var(--text-width);margin:0 auto;padding:0 24px 96px}.panel{--ratio:1;--img-w:100%;--img-h:100%;--img-left:0%;--img-top:0%;width:calc(100% + clamp(36px,9vw,176px));aspect-ratio:1 / var(--ratio);background:var(--panel-placeholder);margin:0 0 clamp(20px,3vw,40px) calc(clamp(36px,9vw,176px)/-2);position:relative;overflow:hidden}.panel :where(img,picture,picture img){width:var(--img-w);height:var(--img-h);left:var(--img-left);top:var(--img-top);object-fit:cover;display:block;position:absolute}.text{white-space:pre-wrap;font-weight:700;font-size:clamp(calc(21px * var(--reader-scale)), calc(1.75vw * var(--reader-scale)), calc(30px * var(--reader-scale)));margin:0 0 clamp(18px,2.4vw,32px);line-height:1.62}.speech{color:var(--voice)}.speech.side-left{text-align:left}.speech.side-right{text-align:right}.prose{color:var(--text);font-weight:400}.prose.align-left{text-align:left}.prose.align-right{text-align:right}.prose.align-center{text-align:center}.prose.is-quote{color:var(--text-muted);font-style:italic;font-size:clamp(calc(17px * var(--reader-scale)), calc(1.3vw * var(--reader-scale)), calc(22px * var(--reader-scale)))}.prose.is-lyric{color:var(--label);letter-spacing:.01em;font-style:italic}.caption{color:var(--text-muted);font-weight:400;font-size:clamp(calc(16px * var(--reader-scale)), calc(1.2vw * var(--reader-scale)), calc(22px * var(--reader-scale)));line-height:1.68}.caption.tag-row,.caption .tag-row{align-items:baseline;gap:.6em;margin:0 0 .4em;display:flex}.caption .tag{color:var(--label);flex:none}.caption .tag-spacer{visibility:hidden;flex:none}.caption .tag-body{flex:auto}.sound-effect{text-align:center;font-family:var(--font-sfx);color:var(--label);letter-spacing:.14em;font-size:clamp(calc(26px * var(--reader-scale)), calc(3.4vw * var(--reader-scale)), calc(52px * var(--reader-scale)))}.endnote{color:var(--text-muted);font-weight:400;font-size:clamp(calc(16px * var(--reader-scale)), calc(1.2vw * var(--reader-scale)), calc(20px * var(--reader-scale)));border-top:1px solid var(--surface-border);margin-top:48px;padding-top:24px}.scene-break{place-items:center;height:82vh;margin:0;display:grid}.scene-break .ornament{width:var(--ornament-size);height:var(--ornament-size);background-image:var(--ornament);opacity:.72;background-position:50%;background-repeat:no-repeat;background-size:contain}.opening{text-align:center;padding:clamp(64px,12vh,160px) 0 clamp(40px,8vh,96px)}.opening-brand{font-family:var(--font-display);color:var(--text-muted);letter-spacing:.28em;text-transform:uppercase;margin:0 0 18px;font-size:clamp(14px,1.4vw,18px);font-weight:400}.opening-title{font-family:var(--font-display);font-weight:var(--display-weight);color:var(--text);margin:0;font-size:clamp(28px,4.4vw,56px);line-height:1.2}.opening-meta{text-align:left;margin-top:clamp(28px,5vh,56px);display:inline-block}.story-link{color:var(--accent);border-bottom:1px solid var(--accent);text-decoration:none}.audio-cue{background:var(--control-bg);border:1px solid var(--control-border);border-radius:var(--radius-pill);color:var(--text);font:inherit;font-family:var(--control-font);font-weight:var(--control-weight);letter-spacing:var(--control-tracking);text-transform:var(--control-case);font-size:var(--control-size);cursor:pointer;align-items:center;gap:10px;margin:0 0 clamp(18px,2.4vw,32px);padding:8px 16px;display:inline-flex}.audio-cue .cue-time{color:var(--text-muted);font-variant-numeric:tabular-nums}.chapter-pager{justify-content:center;gap:32px;padding:clamp(48px,10vh,120px) 0 0;display:flex}.chapter-pager :where(a,span){border:1px solid var(--control-border);border-radius:var(--radius-round);width:50px;height:50px;color:var(--text);place-items:center;text-decoration:none;display:grid}.chapter-pager [aria-disabled=true]{opacity:.32}@media (width<=760px){.comic{padding:0 18px 72px}.panel{width:calc(100% + 36px);margin-left:-18px}.scene-break{height:72svh}}@media (width<=520px){.text{font-size:calc(19.7px * var(--reader-scale));line-height:1.68}.caption{font-size:calc(15.5px * var(--reader-scale))}.prose.is-quote{font-size:calc(16.5px * var(--reader-scale))}.sound-effect{font-size:calc(30px * var(--reader-scale))}.opening-title{font-size:28.2px}}@media print{.reader-controls,.chapter-pager,.skip-link{display:none!important}body{background:var(--bg-print,transparent);color:var(--text-print,inherit)}.panel{break-inside:avoid;page-break-inside:avoid}.scene-break{height:auto;padding:24px 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.reader-controls{z-index:50;align-items:flex-start;gap:8px;display:flex;position:fixed;top:12px;left:12px}.controls-toggle{border:1px solid var(--control-border);border-radius:var(--radius-round);background:var(--control-bg);cursor:pointer;flex:none;place-items:center;width:42px;height:42px;padding:0;display:grid}.controls-toggle .ornament{background-image:var(--ornament);background-position:50%;background-repeat:no-repeat;background-size:contain;width:22px;height:22px}.controls-panel{flex-direction:column;gap:8px;display:flex}.controls-row{align-items:stretch;gap:8px;display:flex}.pill{background:var(--control-bg);border:1px solid var(--control-border);border-radius:var(--radius-pill);min-height:34px;color:var(--text);font:inherit;font-family:var(--control-font);font-weight:var(--control-weight);letter-spacing:var(--control-tracking);text-transform:var(--control-case);font-size:var(--control-size);cursor:pointer;justify-content:center;align-items:center;padding:0 12px;line-height:1;text-decoration:none;display:inline-flex}.pill:disabled{opacity:.38;cursor:default}.version-badge{color:var(--text-muted);cursor:default;font-variant-numeric:tabular-nums}select.pill{cursor:pointer;-webkit-appearance:none;appearance:none;max-width:44vw}.controls-panel{display:none}.controls-panel.is-open{display:flex}@media (width<=760px){.reader-controls{flex-direction:column}.controls-panel{margin-top:8px}select.pill{max-width:60vw}}.site{max-width:var(--page-width);margin:0 auto;padding:0 24px 80px}.cover-bg{width:100vw;height:min(78vh,720px);margin:0 calc(50% - 50vw);position:relative;overflow:hidden}.cover-video{object-fit:cover;width:100%;height:100%;display:block}.cover-bg .veil{background:linear-gradient(to top, var(--bg), var(--veil) 55%, transparent);position:absolute;inset:0}.intro{margin-top:-80px;position:relative}.brand{align-items:center;gap:12px;margin-bottom:18px;display:flex}.brand-mark{background-image:var(--ornament);background-position:50%;background-repeat:no-repeat;background-size:contain;width:28px;height:28px}.brand-name{font-family:var(--font-display);letter-spacing:.24em;text-transform:uppercase;color:var(--text-muted);font-size:15px}.site-title{font-family:var(--font-display);font-weight:var(--display-weight);margin:0 0 12px;font-size:clamp(38px,7vw,82px);line-height:1.08}.tagline{color:var(--text-muted);margin:0 0 36px;font-size:clamp(16px,1.5vw,20px)}.history-card{border:1px solid var(--surface-border);border-radius:var(--radius-card);background:var(--surface);color:var(--text);grid-template-columns:1fr auto;gap:6px 16px;margin:0 0 32px;padding:16px 20px;text-decoration:none;display:grid}.history-card[hidden]{display:none}.history-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);grid-column:1/-1;font-size:12px}.history-title{font-family:var(--font-display);font-size:clamp(18px,2vw,24px)}.history-pct{color:var(--text-muted);font-variant-numeric:tabular-nums;align-self:center}.history-progress{background:var(--surface-border);border-radius:2px;grid-column:1/-1;height:3px;overflow:hidden}.history-bar{background:var(--accent);height:100%;display:block}.chapter-list{flex-direction:column;gap:14px;display:flex}.chapter-row{border:1px solid var(--surface-border);border-radius:var(--radius-card);min-height:232px;color:var(--text);background:var(--surface);align-items:center;gap:20px;padding:20px 24px;text-decoration:none;display:flex;position:relative;overflow:hidden}.chapter-bg{object-fit:cover;opacity:.42;z-index:0;width:100%;height:100%;position:absolute;inset:0}.chapter-row>:not(.chapter-bg){z-index:1;position:relative}.chapter-index{font-family:var(--font-display);color:var(--text-muted);font-variant-numeric:tabular-nums;flex:none;font-size:34px}.chapter-body{flex-direction:column;flex:auto;gap:4px;display:flex}.chapter-name{font-family:var(--font-display);font-size:clamp(19px,2.2vw,27px)}.chapter-meta{color:var(--text-muted);font-size:14px}.chapter-action{border:1px solid var(--control-border);border-radius:var(--radius-pill);color:var(--accent);font-family:var(--control-font);font-weight:var(--control-weight);letter-spacing:var(--control-tracking);text-transform:var(--control-case);font-size:var(--control-size);flex:none;padding:9px 20px}.chapter-row.is-unavailable{opacity:.62}.site-footer{max-width:var(--page-width);border-top:1px solid var(--surface-border);color:var(--text-muted);margin:0 auto;padding:40px 24px 56px;font-size:14px}.footer-links{flex-wrap:wrap;gap:20px;margin-bottom:14px;display:flex}.footer-links a{color:var(--accent);text-decoration:none}.footer-note{margin:0}@media (width<=760px){.site{padding:0 18px 64px}.cover-bg{height:min(70svh,620px)}.intro{margin-top:-56px}.chapter-index{display:none}.chapter-row{gap:14px;min-height:208px;padding:18px}.site-footer{padding:32px 18px 44px}}.notfound{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;min-height:60vh;padding:80px 0;display:flex}.notfound .chapter-action{margin-top:20px;display:inline-block}.panel.clip .clip-poster,.panel.clip .clip-video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.panel.clip .clip-video{opacity:0;transition:opacity .32s}.panel.clip[data-playing] .clip-video{opacity:1}@media (prefers-reduced-motion:reduce){.panel.clip .clip-video{display:none}}.clip-sound{z-index:2;border:1px solid var(--control-border);border-radius:var(--radius-pill);background:var(--control-bg);color:var(--text);font:inherit;font-family:var(--control-font);font-weight:var(--control-weight);letter-spacing:var(--control-tracking);text-transform:var(--control-case);font-size:var(--control-size);cursor:pointer;opacity:.72;align-items:center;gap:8px;padding:8px 14px;line-height:1;transition:opacity .2s;display:inline-flex;position:absolute;bottom:14px;right:14px}.clip-sound:hover,.clip-sound:focus-visible{opacity:1}.clip-sound[hidden]{display:none}.panel.clip[data-sound-on] .clip-sound{opacity:1;color:var(--accent)}@media (width<=520px){.clip-sound{padding:7px 11px;font-size:13px;bottom:10px;right:10px}.clip-sound .clip-sound-text{display:none}}.audio-cue,.pill,.clip-sound,.controls-toggle,.chapter-pager a,.chapter-action{color:var(--control-color);transition:filter var(--control-dur) var(--control-ease), background var(--control-dur) var(--control-ease), border-color var(--control-dur) var(--control-ease), color var(--control-dur) var(--control-ease), transform var(--control-dur-tap) var(--control-ease)}.audio-cue:hover,.pill:not(.icon-pill):hover,.clip-sound:hover{background:var(--control-bg-hover);border-color:var(--control-border-hover);color:var(--control-color-hover);filter:var(--control-bloom)}.icon-pill:hover,.controls-toggle:hover,.chapter-pager a:hover{border-color:var(--control-border-hover);filter:var(--control-bloom)}.chapter-action-frame{padding:var(--bracket-gap);background:linear-gradient(var(--control-bracket), var(--control-bracket)) left top / var(--bracket-arm) 1px no-repeat, linear-gradient(var(--control-bracket), var(--control-bracket)) left top / 1px var(--bracket-arm) no-repeat, linear-gradient(var(--control-bracket), var(--control-bracket)) right top / var(--bracket-arm) 1px no-repeat, linear-gradient(var(--control-bracket), var(--control-bracket)) right top / 1px var(--bracket-arm) no-repeat, linear-gradient(var(--control-bracket), var(--control-bracket)) left bottom / var(--bracket-arm) 1px no-repeat, linear-gradient(var(--control-bracket), var(--control-bracket)) left bottom / 1px var(--bracket-arm) no-repeat, linear-gradient(var(--control-bracket), var(--control-bracket)) right bottom / var(--bracket-arm) 1px no-repeat, linear-gradient(var(--control-bracket), var(--control-bracket)) right bottom / 1px var(--bracket-arm) no-repeat;flex:none;display:inline-flex}.chapter-action-frame .chapter-action{background:var(--primary-bg);border-color:var(--primary-border);color:var(--primary-color)}.chapter-row:hover .chapter-action-frame .chapter-action{background:var(--primary-bg-hover);filter:var(--control-bloom)}.audio-cue:active,.pill:active,.clip-sound:active,.controls-toggle:active,.chapter-pager a:active,.chapter-row:active .chapter-action{transform:translateY(var(--control-press))}