:root{--bg:#050507;--bg2:#0b0b10;--panel:#111119;--panel-2:#0d0d13;--border:#2a2436;--border-2:#1d1a26;--ink:#f4f0ff;--muted:#a19aaa;--amber:#a970ff;--amber-deep:#7c3cff;--narr:#8db7ff;--dlg:#ff8fc7;--sfx:#8df0d2;--score:#a970ff;--serif:"Iowan Old Style","Palatino Linotype","Palatino",Georgia,"Times New Roman",serif;--sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%}body{font-family:var(--sans);color:var(--ink);background:#050507}#root{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:22px}.device{position:relative;width:390px;max-width:100%;height:844px;max-height:calc(100dvh - 24px);background:var(--bg2);border-radius:46px;padding:12px;box-shadow:none;border:1px solid var(--border)}.screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:36px;background:var(--bg);display:flex;flex-direction:column}.notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:130px;height:26px;background:#05070d;border-radius:0 0 16px 16px;z-index:40}.statusbar{display:flex;justify-content:space-between;align-items:center;padding:12px 22px 4px;font-size:12px;font-weight:600;letter-spacing:.3px;color:#cfd6e6;z-index:30}.statusbar .r{display:flex;gap:6px;align-items:center}.topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 18px 10px}.brand{display:flex;align-items:center;gap:9px}.brand .logo{width:26px;height:26px;border-radius:8px;background:var(--amber);flex:none;position:relative}.brand .logo:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:4px;background:var(--bg)}.brand b{font-size:17px;letter-spacing:.5px;font-weight:700}.section{color:var(--muted);font-size:11px;letter-spacing:2.5px;text-transform:uppercase;font-weight:700}.scroll{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;position:relative;display:flex;flex-direction:column}.scroll::-webkit-scrollbar{display:none}.view{display:none;padding:4px 16px 24px;min-height:100%}.view.on{display:flex;flex:1;flex-direction:column;animation:fade .4s ease}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.tabbar{display:flex;gap:6px;padding:8px 26px 4px;border-top:1px solid var(--border-2);background:var(--bg)}.tabbar button{flex:1;background:none;border:0;cursor:pointer;color:var(--muted);font-family:var(--sans);font-size:11px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 0;transition:.2s}.tabbar button svg{width:22px;height:22px}.tabbar button.on{color:var(--amber)}.homebar{height:22px;display:flex;align-items:center;justify-content:center}.homebar:after{content:"";width:120px;height:5px;border-radius:3px;background:#ffffff40}.cover{display:flex;flex:none;flex-direction:column;border-radius:22px;overflow:hidden;margin-top:6px;border:1px solid var(--border);background:var(--panel-2)}.cover-art{aspect-ratio:1.5/1;overflow:hidden;flex:none}.cover-art svg{display:block;width:100%;height:100%}.cover .meta{padding:18px 18px 16px;background:#050507;border-top:1px solid var(--border-2)}.cover .kicker{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--amber);font-weight:700}.cover h1{font-family:var(--serif);font-weight:600;font-size:29px;line-height:1.04;margin:6px 0 5px;letter-spacing:.3px}.cover .by{color:#c3cadb;font-size:12px}.tagline{color:#d8d2e4;font-size:16px;line-height:1.55;margin:18px 2px 6px;font-style:italic;font-family:var(--serif)}.row-head{display:flex;align-items:center;justify-content:space-between;margin:22px 2px 10px}.row-head h3{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-weight:700;margin:0}.row-head .len{font-size:12px;color:var(--muted)}.listen-cta{width:100%;margin-top:16px;border:0;cursor:pointer;background:var(--amber);color:#09060f;font-family:var(--sans);font-weight:700;font-size:15.5px;letter-spacing:0;padding:15px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:none}.listen-cta svg{width:18px;height:18px}.chap{display:flex;align-items:center;gap:13px;padding:13px;border-radius:16px;background:var(--panel);border:1px solid var(--border-2);margin-bottom:10px;cursor:pointer;transition:.2s}.chap:hover{background:#ffffff12}.chap:active{transform:scale(.99)}.chap .n{width:38px;height:38px;flex:none;border-radius:11px;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:17px;color:var(--amber);background:#151020;border:1px solid var(--border)}.chap .t{flex:1;min-width:0}.chap .t b{font-size:15px;font-weight:600;display:block}.chap .t small{color:var(--muted);font-size:12px}.chap .play{width:34px;height:34px;flex:none;border-radius:50%;border:1px solid var(--border);background:#ffffff0d;display:flex;align-items:center;justify-content:center}.chap .play svg{width:13px;height:13px;fill:var(--ink)}.player{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--bg);transform:translateY(100%);transition:transform .45s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;padding:0 22px 26px}.player.on{transform:none}.player .grip{width:40px;height:5px;border-radius:3px;background:#ffffff40;margin:12px auto 0;cursor:pointer}.player .top{display:flex;justify-content:space-between;align-items:center;margin-top:12px;color:var(--muted);font-size:12px;gap:8px}.player .top b{color:var(--ink);font-family:var(--serif);font-size:15px;font-weight:600;white-space:nowrap}.player .top>span:first-child{flex:1}.player .closex{cursor:pointer;font-size:15px;color:var(--muted);width:22px;text-align:right}.art{position:relative;margin:18px auto 0;width:210px;height:210px;border-radius:24px;overflow:hidden;border:1px solid var(--border)}.art>div{width:100%;height:100%}.art svg{width:100%;height:100%;display:block}.art .rainfade{display:none}.eq{display:flex;gap:4px;justify-content:center;align-items:flex-end;height:34px;margin:22px 0 6px}.eq i{width:4px;background:var(--amber);border-radius:3px;height:var(--h,14px);opacity:.72;transform-origin:bottom}.player.playing .eq i{animation:wave var(--d,.9s) ease-in-out infinite}.eq i:nth-child(1){--h:13px;--d:.92s;animation-delay:-.18s}.eq i:nth-child(2){--h:22px;--d:1.14s;animation-delay:-.42s}.eq i:nth-child(3){--h:29px;--d:.82s;animation-delay:-.06s}.eq i:nth-child(4){--h:18px;--d:1.03s;animation-delay:-.31s}.eq i:nth-child(5){--h:27px;--d:.97s;animation-delay:-.53s}.eq i:nth-child(6){--h:16px;--d:1.2s;animation-delay:-.12s}.eq i:nth-child(7){--h:24px;--d:.88s;animation-delay:-.37s}@keyframes wave{0%,to{transform:scaleY(.45)}35%{transform:scaleY(1)}68%{transform:scaleY(.72)}}.speaker{text-align:center;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:700;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:2px}.speaker em{font-style:normal;color:var(--muted);letter-spacing:1px;text-transform:none;font-weight:500;font-size:11px}.speaker.sfxlabel{opacity:.9}.line{font-family:var(--serif);text-align:center;font-size:21px;line-height:1.4;margin:12px 6px 0;min-height:120px;display:flex;align-items:center;justify-content:center}.line.sfxline{font-style:italic;color:var(--sfx);font-size:18px}.track{margin-top:auto}.bar{height:5px;border-radius:3px;background:#ffffff1f;overflow:hidden;margin:0 2px}.bar i{display:block;height:100%;width:0;background:var(--amber);transition:width .2s linear}.times{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin:7px 2px 0}.ctrls{display:flex;align-items:center;justify-content:center;gap:26px;margin-top:14px}.ctrls button{background:none;border:0;cursor:pointer;color:var(--ink);display:flex;align-items:center;justify-content:center;padding:0}.ctrls .side svg{width:26px;height:26px;fill:#cfd6e6}.ctrls .big{width:66px;height:66px;border-radius:50%;background:var(--amber);box-shadow:none}.ctrls .big svg{width:26px;height:26px;fill:#09060f}.ambchip{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;color:var(--muted);font-size:11.5px;text-align:center}.ambdot{width:7px;height:7px;border-radius:50%;background:var(--score);animation:pulse 2s infinite;flex:none}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.stepper{display:flex;align-items:center;gap:6px;margin:6px 2px 18px}.step-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;opacity:.5}.step-item.on,.step-item.past{opacity:1}.step-item .dot{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:var(--panel);border:1px solid var(--border);color:var(--muted)}.step-item.on .dot{background:var(--amber);color:#09060f;border-color:transparent;box-shadow:none}.step-item.past .dot{background:#8fe3c429;color:#8fe3c4;border-color:#8fe3c459}.step-item .lbl{font-size:10.5px;letter-spacing:.4px;color:var(--muted);font-weight:600}.step-item.on .lbl{color:var(--ink)}.step-item:not(:last-child):after{content:"";position:absolute;top:13px;left:calc(50% + 20px);right:calc(-50% + 20px);height:1px;background:var(--border)}.wiz{display:flex;flex:1;min-height:0;flex-direction:column}.wiz-head{margin-bottom:14px}.wiz-head h2{font-family:var(--serif);font-size:23px;font-weight:600;margin:0 0 5px}.wiz-head p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.5}.paper{white-space:pre-wrap;font-family:var(--serif);font-size:13.5px;line-height:1.62;color:#ddd7ea;background:var(--panel-2);border:1px solid var(--border-2);border-radius:16px;padding:18px 16px;flex:1;min-height:320px;max-height:none;overflow:auto}.paper::-webkit-scrollbar{width:0}.wiz-cta{width:100%;margin-top:16px;border:0;cursor:pointer;background:var(--amber);color:#09060f;font-family:var(--sans);font-weight:700;font-size:15px;padding:14px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:none}.wiz-cta svg{width:18px;height:18px}.wiz-cta.glow{outline:1px solid var(--amber-deep)}.wiz-nav{display:flex;gap:10px;margin-top:16px;padding-bottom:16px}.wiz-nav .wiz-cta{margin-top:0;flex:1}.wiz-back{border:1px solid var(--border);background:var(--panel);color:var(--ink);font-family:var(--sans);font-weight:600;font-size:14px;padding:14px 18px;border-radius:14px;cursor:pointer}.ch-block{margin-top:8px;margin-bottom:16px}.ch-name{display:flex;align-items:baseline;gap:8px;font-family:var(--serif);font-size:16px;font-weight:600;margin:14px 2px 8px}.ch-name span{font-family:var(--sans);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--amber);font-weight:700}.score-row{display:flex;align-items:center;gap:8px;color:var(--score);font-size:12px;background:#130f1c;border:1px solid var(--border);border-radius:11px;padding:9px 12px;margin-bottom:8px}.sline{display:grid;grid-template-columns:max-content 1fr max-content;gap:7px 11px;align-items:start;padding:10px 12px;border-radius:12px;background:var(--panel-2);border:1px solid var(--border-2);margin-bottom:7px}.sline .k{font-size:9.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;padding:4px 8px;border-radius:7px;min-width:64px;text-align:center;color:#0a0f1e}.sline.narration .k{background:var(--narr);color:#06111f}.sline.dialogue .k{background:var(--dlg);color:#210616}.sline.sfx .k{background:var(--sfx);color:#051813}.sline.score .k{background:var(--score)}.sl-body{grid-column:1/-1;min-width:0;display:flex;flex-direction:column;gap:4px}.emo{grid-column:2;align-self:center;font-size:12px;line-height:1.35;color:var(--muted);font-style:italic;letter-spacing:.3px}.sl-text{font-size:13px;line-height:1.42;color:#dfe4f0}.sline.sfx .sl-text,.sline.score .sl-text{font-style:italic;color:var(--muted);font-size:13px}.sline.ok{border-color:#8fe3c438}.sline:has(.mini-play) .sl-body,.sline:has(.spin) .sl-body{grid-column:1/3}.mini-play{grid-column:3;grid-row:1/3;justify-self:end;align-self:center;flex:none;width:36px;height:36px;border-radius:10px;border:1px solid var(--border);background:#ffffff0f;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink)}.mini-play svg{width:17px;height:17px}.spin{grid-column:3;grid-row:1/3;justify-self:end;align-self:center;flex:none;width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.15);border-top-color:var(--amber);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.genbar{height:6px;border-radius:3px;background:#ffffff1a;overflow:hidden}.genbar.big{margin-bottom:8px}.genbar i{display:block;height:100%;width:0;background:var(--amber);transition:width .3s}.genlog{font-size:11.5px;color:var(--muted);margin-bottom:14px;min-height:15px;text-align:center;font-variant-numeric:tabular-nums}@media (max-width: 600px){#root{display:block;padding:0}.device{width:100%;height:100dvh;max-height:none;padding:0;border:0;border-radius:0;box-shadow:none}.screen{border-radius:0}.notch,.statusbar,.homebar{display:none}}