:root{color-scheme:dark;--paper:#f4edf3;--muted:#b9aaba;--pink:#ff68b1;--background:#150e17}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--background);color:var(--paper);font:1rem/1.6 system-ui,sans-serif}
a{color:var(--pink);text-underline-offset:5px}
a:focus-visible,button:focus-visible{outline:2px solid var(--pink);outline-offset:5px}
.site-bar{max-width:1160px;margin:auto;padding:24px clamp(20px,5vw,56px);display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #443146;font:700 .875rem/1.5 ui-monospace,monospace;letter-spacing:.08em}
.site-bar a{text-decoration:none}
.site-bar span{color:var(--muted)}
main{max-width:760px;margin:auto;padding:0 26px}
.story-header{padding:70px 0 38px;border-bottom:1px solid #443146}
.eyebrow{font:700 .8125rem/1.6 ui-monospace,monospace;color:var(--pink);letter-spacing:.16em}
h1{font:400 clamp(3rem,9vw,5rem)/1.08 Georgia,serif;letter-spacing:-.035em;margin:22px 0}
.byline{font-size:1.125rem;margin:0}
.inspiration{font:italic 1.25rem/1.7 Georgia,serif;margin:8px 0 22px;color:var(--muted)}
.reading-note{font-size:.875rem;color:var(--muted)}
.chapters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:22px 0;border-bottom:1px solid #443146;scroll-margin-top:24px}
.chapters>span{font:.8125rem/1.5 ui-monospace,monospace;color:var(--muted);margin-right:8px;letter-spacing:.1em}
.chapters a{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid #443146;text-decoration:none;border-radius:3px}
.chapters a:hover{background:#342036;border-color:var(--pink)}
.reader-status{margin:36px 0;color:var(--muted)}
.retry-story{background:var(--pink);border:0;color:#150e17;padding:12px 22px;font:600 1rem system-ui;border-radius:3px;cursor:pointer}
#story-host{display:block;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
:host{display:block;color:#f4edf3;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.chapter{padding-top:48px;scroll-margin-top:24px}
.chapter h2{font:400 2.6rem/1.2 Georgia,serif;color:#ff68b1;margin:0 0 30px;outline:none}
.chapter p{font:400 1.1875rem/1.85 Georgia,'Times New Roman',serif;margin:0 0 1.25em;overflow-wrap:break-word}
.story-end{font:700 .875rem/1.6 ui-monospace,monospace;letter-spacing:.24em;text-align:center;padding:44px 0}
footer{margin:48px 0 0;padding:28px 0 52px;border-top:1px solid #443146;color:var(--muted);font-size:.875rem}
footer p{margin:0 0 12px}
.reader-notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);margin:0;max-width:calc(100vw - 32px);width:max-content;padding:14px 20px;background:#342036;border:1px solid var(--pink);box-shadow:0 8px 40px #0008;font-size:.875rem;z-index:20}
.print-notice{display:none}
[hidden]{display:none!important}
@media(max-width:480px){main{padding:0 22px}.story-header{padding-top:48px}.chapters{gap:6px}.chapters>span{width:100%}.chapter p{font-size:1.125rem;line-height:1.8}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.screen-reader-page{display:none!important}.print-notice{display:block!important;color:#000;font:16pt/1.6 Georgia,serif}body{background:#fff}:host,.chapter,.story-end{display:none!important}}