:root{--background:#1f1813;--surface:#2b221b;--primary:#ee6a43;--primary-ink:#f4895f;--text:#fbefe3;--muted:#c9b6a6;--chip:#3a2c22}*{box-sizing:border-box}html,body{background:var(--background);width:100vw;height:100vh;color:var(--text);margin:0;font-family:Nunito,system-ui,sans-serif;overflow:hidden}.screen{opacity:0;pointer-events:none;padding:6vh 6vw;transition:opacity .6s;position:absolute;inset:0}body[data-screen=idle] .idle,body[data-screen=story] .story,body[data-screen=ad] .ad{opacity:1}.logo,.logo-small{color:var(--primary);font-family:Fredoka,sans-serif;font-weight:700}.idle{flex-direction:column;justify-content:center;align-items:center;gap:2vh;display:flex}.idle .logo{margin:0;font-size:14vh}.idle .hint{color:var(--muted);margin:0;font-size:4vh}.story{grid-template-columns:34vw 1fr;align-items:center;gap:5vw;display:grid}.cover{aspect-ratio:3/4;background:var(--chip);border-radius:3vh;max-height:82vh;position:relative;overflow:hidden;box-shadow:0 2vh 6vh #00000073}.cover img{object-fit:cover;object-position:top;width:100%;height:100%}.ai-badge{color:#fff;letter-spacing:.12vh;text-shadow:0 .15vh .3vh #000000b3;background:#00000059;border:.3vh solid #fff;border-radius:999px;padding:.4vh 1.6vh;font-size:2.4vh;font-weight:800;position:absolute;top:2vh;right:2vh;box-shadow:0 .3vh 1vh #00000073}.reading{flex-direction:column;min-width:0;height:82vh;display:flex}.eyebrow{color:var(--muted);gap:2vw;margin:0;font-size:2.6vh;font-weight:700;display:flex}h1{margin:1vh 0 3vh;font-family:Fredoka,sans-serif;font-size:6.4vh;font-weight:600;line-height:1.1}.text{flex:1;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 10% 80%,#0000);mask-image:linear-gradient(#0000,#000 10% 80%,#0000)}.text-inner{white-space:pre-line;color:var(--muted);font-size:4.2vh;line-height:1.55;transition:transform .7s}.text-inner .sentence{transition:color .3s,opacity .3s}.text-inner .sentence.read{opacity:.45}.text-inner .sentence.now{color:var(--text)}.text-inner .word{border-radius:.6vh;transition:color .12s,background-color .12s}.text-inner .word.lit{color:var(--primary-ink)}.text-inner.untimed{color:var(--text)}.ai-note{color:var(--muted);margin:2vh 0 0;font-size:2.2vh}.progress{background:var(--chip);border-radius:999px;height:.8vh;position:absolute;bottom:4vh;left:6vw;right:6vw;overflow:hidden}.progress-fill{background:var(--primary);width:0;height:100%}.ad{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2.4vh;display:flex}.ad-label{background:var(--chip);letter-spacing:.2vh;text-transform:uppercase;border-radius:999px;margin:0;padding:.8vh 2.4vh;font-size:3vh;font-weight:800}.ad-count{color:var(--primary);margin:0;font-family:Fredoka,sans-serif;font-size:12vh;font-weight:600}.ad-note,.ad-next{color:var(--muted);margin:0;font-size:3.4vh}.ad-next{color:var(--text);font-weight:700}