:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:oklch(21% .025 60);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:oklch(96% .012 92);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{height:100%}body{min-width:320px;margin:0}button{font:inherit}.chapter-select-shell{color:oklch(21% .03 70);background:radial-gradient(circle at 12% 8%,oklch(91% .075 95),#0000 30rem),linear-gradient(135deg,oklch(97% .015 88),oklch(90% .045 150));min-height:100vh;overflow-y:auto}.chapter-select{width:min(1120px,100% - 2rem);margin-inline:auto;padding:clamp(1.25rem,4vw,4rem) 0}.chapter-select-header{gap:.75rem;max-width:68ch;margin-bottom:clamp(1.3rem,3vw,2.4rem);display:grid}.chapter-select-header h1{font-size:clamp(2.4rem,5vw,5.2rem)}.chapter-select-header p:last-child{margin-bottom:0;font-size:clamp(1rem,1.3vw,1.16rem);line-height:1.7}.chapter-select-actions{flex-wrap:wrap;gap:.65rem;display:flex}.chapter-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:1rem;display:grid}.chapter-tile{background:oklch(99% .01 92/.72);border:1px solid oklch(45% .05 78/.22);border-radius:.5rem;align-content:space-between;gap:1.4rem;min-height:18rem;padding:clamp(1rem,2vw,1.35rem);display:grid;box-shadow:0 1rem 2.4rem oklch(34% .05 84/.11)}.chapter-tile h2{margin-bottom:.55rem;font-size:clamp(1.45rem,2.2vw,2rem)}.chapter-tile p{max-width:44ch;margin-bottom:0;line-height:1.65}.chapter-tile-footer{justify-content:space-between;align-items:center;gap:.9rem;display:flex}.chapter-tile-footer span{color:oklch(42% .07 82);font-size:.9rem;font-weight:800}.chapter-tile-actions{gap:.55rem;display:flex}.novel-shell{grid-template-columns:minmax(0,1fr) minmax(250px,320px);height:100vh;transition:background-color .26s ease-out,color .26s ease-out;display:grid;overflow:hidden}.novel-shell.surface{color:oklch(21% .03 70);background:radial-gradient(circle at 18% 6%,oklch(92% .08 92),#0000 34rem),linear-gradient(135deg,oklch(97% .016 88),oklch(91% .04 138))}.novel-shell.inner{color:oklch(91% .012 84);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:radial-gradient(circle at 78% 12%,oklch(42% .09 28/.55),#0000 28rem),linear-gradient(135deg,oklch(16% .026 248),oklch(22% .045 282))}.reader{grid-template-rows:auto minmax(0,1fr) auto auto;gap:clamp(1rem,2.4vw,1.8rem);min-width:0;height:100vh;min-height:0;padding:clamp(1.25rem,3.5vw,3.7rem);display:grid;overflow:hidden}.reader-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.eyebrow{color:oklch(45% .06 82);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .45rem;font-size:.78rem}.inner .eyebrow{color:oklch(76% .08 42)}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:0;font-size:clamp(2.1rem,4vw,4.7rem);line-height:.96}.reader-actions{flex-wrap:wrap;justify-content:flex-end;gap:.55rem;display:flex}.secondary-action,.primary-action,.choice,.term-pill,.term-link{color:inherit;cursor:pointer}.secondary-action,.primary-action,.choice,.term-pill{background:oklch(99% .01 92/.78);border:1px solid oklch(45% .05 78/.22);border-radius:.45rem;transition:transform .16s ease-out,border-color .16s ease-out,background-color .16s ease-out,opacity .16s ease-out}.inner .secondary-action,.inner .primary-action,.inner .choice,.inner .term-pill{background:oklch(24% .035 276/.82);border-color:oklch(75% .04 270/.18)}.secondary-action{min-height:2.45rem;padding:.58rem .82rem}.primary-action{color:oklch(17% .035 132);background:oklch(61% .15 126);min-height:3rem;padding:.78rem 1.08rem;font-weight:750}.inner .primary-action{color:oklch(18% .035 36);background:oklch(67% .17 38)}.secondary-action:hover,.secondary-action:focus-visible,.primary-action:hover,.primary-action:focus-visible,.choice:hover,.choice:focus-visible,.term-pill:hover,.term-pill:focus-visible{border-color:oklch(58% .14 126);outline:none;transform:translateY(-1px)}.inner .secondary-action:hover,.inner .secondary-action:focus-visible,.inner .primary-action:hover,.inner .primary-action:focus-visible,.inner .choice:hover,.inner .choice:focus-visible,.inner .term-pill:hover,.inner .term-pill:focus-visible{border-color:oklch(68% .16 36)}button:disabled{cursor:not-allowed;opacity:.42}.transcript{align-content:end;align-self:end;gap:1rem;width:min(100%,90ch);min-height:0;max-height:100%;padding-block:1rem;display:grid;overflow:hidden}.transcript-trimmed,.save-status{color:oklch(45% .045 80);margin:0;font-size:.9rem;line-height:1.5}.inner .transcript-trimmed,.inner .save-status{color:oklch(73% .04 270)}.story-line{opacity:0;animation:.26s ease-out forwards line-enter;animation-delay:min(calc(var(--line-index) * 34ms), .24s);grid-template-columns:minmax(4.5rem,6.2rem) minmax(0,1fr);gap:clamp(.8rem,2vw,1.2rem);display:grid;transform:translateY(8px)}@keyframes line-enter{to{opacity:1;transform:translateY(0)}}.line-speaker{color:oklch(42% .07 82);margin:.18rem 0 0;font-size:.88rem;font-weight:800}.inner .line-speaker{color:oklch(76% .09 38)}.line-text{overflow-wrap:anywhere;max-width:72ch;margin:0;font-size:clamp(1.06rem,1.3vw,1.24rem);line-height:1.82}.term-link{color:oklch(39% .13 142);background:0 0;border:0;border-bottom:1px solid;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:760;display:inline}.inner .term-link{color:oklch(76% .14 40)}.choice-bar{align-self:end;gap:.7rem;width:min(100%,90ch);display:grid}.chapter-end-actions{flex-wrap:wrap;gap:.65rem;display:flex}.doc-action{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.choice{text-align:left;width:100%;min-height:3.2rem;padding:.82rem 1rem;font-weight:700}.codex{background:oklch(98% .012 92/.5);border-left:1px solid oklch(48% .04 80/.2);align-content:start;gap:1.15rem;height:100vh;padding:clamp(1.1rem,2.4vw,1.65rem);display:grid;overflow-y:auto}.inner .codex{background:oklch(15% .026 270/.58);border-color:oklch(70% .03 270/.18)}.codex h2{margin-bottom:.35rem;font-size:1.35rem}.codex p{max-width:38ch;line-height:1.55}.term-list{flex-wrap:wrap;gap:.45rem;display:flex}.term-pill{border-radius:999px;min-height:2rem;padding:.38rem .58rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem}.term-pill[data-active=true]{color:oklch(17% .035 132);background:oklch(61% .15 126)}.inner .term-pill[data-active=true]{color:oklch(18% .035 36);background:oklch(67% .17 38)}.empty-note{color:oklch(45% .045 80);font-size:.9rem}.inner .empty-note{color:oklch(73% .04 270)}.term-detail{border-top:1px solid oklch(48% .04 80/.2);gap:.75rem;padding-top:.65rem;display:grid}.inner .term-detail{border-color:oklch(70% .03 270/.18)}.term-detail h3{margin-bottom:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.term-detail p{margin-bottom:0}.term-detail b{color:oklch(42% .07 82);margin-bottom:.22rem;font-size:.78rem;display:block}.inner .term-detail b{color:oklch(76% .09 38)}.log-panel{z-index:20;background:oklch(98% .012 92/.96);border:1px solid oklch(45% .05 78/.24);border-radius:.55rem;grid-template-rows:auto minmax(0,1fr);gap:1rem;padding:clamp(1rem,2.2vw,1.5rem);display:grid;position:fixed;inset:clamp(1rem,3vw,2rem);box-shadow:0 1.5rem 4rem oklch(25% .06 70/.22)}.inner .log-panel{background:oklch(18% .028 272/.97);border-color:oklch(75% .04 270/.2);box-shadow:0 1.5rem 4rem oklch(8% .04 270/.42)}.log-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.log-header h2{margin-bottom:0;font-size:clamp(1.5rem,2.4vw,2.2rem)}.log-lines{align-content:start;gap:.85rem;padding-right:.4rem;display:grid;overflow-y:auto}.log-lines .story-line{opacity:1;animation:none;transform:none}.term-tip{display:none}@media (width<=980px){.novel-shell{grid-template-columns:1fr;height:100svh;min-height:100svh;overflow:hidden}.reader{height:100svh;min-height:0;overflow:hidden}.codex{display:none}.log-panel{inset:.75rem}.term-tip{z-index:30;background:oklch(98% .012 92/.98);border:1px solid oklch(45% .05 78/.24);border-radius:.55rem;gap:.75rem;max-height:min(58vh,24rem);padding:1rem;display:grid;position:fixed;inset:auto .8rem .8rem;overflow-y:auto;box-shadow:0 1rem 2.5rem oklch(25% .06 70/.24)}.inner .term-tip{background:oklch(18% .028 272/.98);border-color:oklch(75% .04 270/.2);box-shadow:0 1rem 2.5rem oklch(8% .04 270/.45)}.term-tip-header{justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.term-tip h3{margin-bottom:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.term-tip p{margin-bottom:0;line-height:1.55}.term-tip b{color:oklch(42% .07 82);margin-bottom:.22rem;font-size:.78rem;display:block}.inner .term-tip b{color:oklch(76% .09 38)}}@media (width<=680px){.chapter-select{width:min(100% - 1rem,1120px)}.chapter-tile-footer{justify-items:start;display:grid}.chapter-tile-actions{width:100%}.chapter-tile-actions .primary-action,.chapter-tile-actions .secondary-action{flex:1}.reader-header{display:grid}.reader-actions{justify-content:flex-start}.reader{padding:1rem}.story-line{grid-template-columns:1fr;gap:.2rem}}