:root{--bg: #14171a;--panel: #1d2126;--ink: #e8e6e1;--muted: #9aa3ab;--accent: #64bc64;--accent-dark: #1f281f}*{box-sizing:border-box;margin:0}[hidden]{display:none!important}body{background:var(--bg);color:var(--ink);font-family:system-ui,PingFang SC,sans-serif;height:100vh;display:flex;flex-direction:column}#hdr{display:flex;justify-content:space-between;padding:12px 20px;color:var(--muted);font-size:14px}main{flex:1;position:relative;overflow:hidden}#scene-host{position:absolute;top:0;right:0;bottom:0;left:0;padding:4vh 6vw}#avatar-host{position:absolute;right:24px;bottom:24px;width:200px;aspect-ratio:3/4}#avatar-host video{width:100%;height:100%;object-fit:contain}#avatar-host.avatar-side{width:280px;top:10vh;bottom:auto}#bar{display:flex;align-items:center;gap:16px;padding:12px 20px;background:var(--panel)}#progress{flex:1;height:4px;background:#2c3138;border-radius:2px}#progress-fill{height:100%;width:0;background:var(--accent);border-radius:2px}#btn-interrupt{background:var(--accent);color:var(--accent-dark);border:0;padding:10px 18px;border-radius:20px;font-size:15px;cursor:pointer}#btn-play{background:none;border:1px solid var(--muted);color:var(--ink);border-radius:50%;width:36px;height:36px;cursor:pointer}#chapters{display:flex;gap:6px;list-style:none}#chapters li{width:8px;height:8px;border-radius:50%;background:#2c3138}#chapters li.done,#chapters li.current{background:var(--accent)}#qa-status{color:var(--accent);font-size:14px}#btn-typed,#btn-qlog{background:none;border:1px solid var(--muted);color:var(--ink);border-radius:10px;padding:8px 12px;font-size:15px;cursor:pointer}#typed-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:20}.typed-box{background:var(--panel);border-radius:16px;padding:22px;width:min(520px,90vw);display:flex;flex-direction:column;gap:12px}.typed-box p{color:var(--muted);font-size:14px}.typed-box textarea{background:var(--bg);color:var(--ink);border:1px solid #2c3138;border-radius:10px;padding:12px;font-size:16px;font-family:inherit;resize:vertical}.typed-actions{display:flex;justify-content:flex-end;gap:10px}.typed-actions button{border-radius:10px;padding:8px 18px;font-size:15px;cursor:pointer;border:0}#typed-cancel{background:#2c3138;color:var(--ink)}#typed-submit{background:var(--accent);color:var(--accent-dark)}#qlog-panel{position:fixed;right:16px;bottom:70px;width:min(360px,90vw);max-height:50vh;overflow:auto;background:var(--panel);border:1px solid #2c3138;border-radius:14px;padding:14px;z-index:15}.qlog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.qlog-head button{background:none;border:0;color:var(--muted);cursor:pointer;font-size:14px}#qlog-list{list-style:none;display:flex;flex-direction:column;gap:8px}#qlog-list li{font-size:14px;color:var(--ink);background:var(--bg);border-radius:8px;padding:8px 10px}#qlog-list li span{color:var(--muted);font-size:12px;display:block;margin-top:2px}#catalog{display:none;flex-direction:column;height:100vh;overflow:auto}html[data-view=catalog] #catalog{display:flex}html[data-view=catalog] body>:not(#catalog){display:none}.cat-hdr{display:flex;justify-content:space-between;padding:14px 24px;color:var(--muted);font-size:14px}.cat-main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:22px;padding:24px 6vw;max-width:900px}.cat-badge{border:1px solid #2c3138;border-radius:999px;padding:7px 16px;font-size:13px;color:var(--muted)}.cat-main h1{font-size:40px;letter-spacing:1px}.cat-sub{font-size:16px;color:var(--muted);line-height:1.7;max-width:640px}.cat-list{display:flex;flex-direction:column;gap:14px;width:100%}.cat-card{background:var(--panel);border:1px solid transparent;border-radius:14px;padding:18px 22px;display:flex;flex-direction:column;gap:8px}.cat-open{text-decoration:none;color:var(--ink)}.cat-open:hover{border-color:var(--accent)}.cat-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.cat-row b{font-size:20px}.cat-tag{font-size:12px;color:var(--muted);border:1px solid #2c3138;border-radius:999px;padding:3px 10px;white-space:nowrap}.cat-tag-open{color:var(--accent);border-color:var(--accent)}.cat-desc{font-size:15px;color:var(--muted);line-height:1.5}.cat-go{font-size:15px;font-weight:600;color:var(--accent)}.cat-note{font-size:13px;color:var(--muted);line-height:1.7;max-width:640px}.cat-note a{color:var(--accent)}.cat-foot{padding:0 6vw 20px;font-size:12px;color:#9aa3abb3}@media (max-width: 640px){.cat-main h1{font-size:30px}.cat-main{padding:20px 16px}.cat-foot{padding:0 16px 16px}}[data-cue]{opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}[data-cue].cue-on{opacity:1;transform:none}