:root{color-scheme:dark;--gold:#facc15;--cyan:#22d3ee;--muted:#9eacc2;--panel:#121a2b}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 20%,#172554 0,#0b1120 42%,#050811 100%);color:#fff;font-family:Inter,system-ui,-apple-system,sans-serif}.shell{width:min(1080px,calc(100% - 32px));margin:auto;padding:50px 0}.intro{text-align:center;max-width:760px;margin:0 auto 34px}.label,.story-label{font-size:.73rem;letter-spacing:.16em;font-weight:900;color:var(--cyan)}h1{font-size:clamp(2.5rem,7vw,5rem);line-height:1;margin:14px 0}h1 strong{color:var(--gold)}.intro p{color:var(--muted);font-size:1.08rem;line-height:1.7}.stage{display:grid;grid-template-columns:minmax(310px,.85fr) minmax(350px,1.15fr);gap:24px;align-items:center;background:#0b1220dd;border:1px solid #263553;border-radius:26px;padding:34px;box-shadow:0 30px 80px #0008}.avatar-wrap{text-align:center}.avatar{width:min(320px,100%);overflow:visible}.glow{fill:#3b82f626;animation:pulse 2.5s infinite}.head{transform-origin:120px 90px;animation:float 3.2s ease-in-out infinite}.body{transform-origin:120px 160px;animation:breathe 3.2s ease-in-out infinite}.mouth-open{display:none}.speaking .mouth-closed{display:none}.speaking .mouth-open{display:block}.speaking .head{animation:bob .32s ease-in-out infinite alternate}.status{display:inline-block;background:#17233a;border:1px solid #334868;color:var(--cyan);border-radius:999px;padding:6px 13px;font-weight:800;font-size:.82rem}.story{background:var(--panel);border:1px solid #253553;border-radius:20px;padding:28px}.story h2{font-size:clamp(1.6rem,4vw,2.5rem);margin:9px 0 20px}.sentence{min-height:130px;display:flex;align-items:center;font-size:1.2rem;line-height:1.7;color:#e5edf9;border-left:4px solid var(--gold);padding:15px 20px;background:#080d18;border-radius:0 12px 12px 0}.progress{height:7px;background:#26334a;border-radius:10px;margin:23px 0;overflow:hidden}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--gold));transition:width .2s}.controls{display:flex;gap:10px;flex-wrap:wrap}button{border:1px solid #3a4b67;background:#1b263b;color:#fff;border-radius:10px;padding:11px 17px;font:inherit;font-weight:800;cursor:pointer}button:hover{border-color:var(--cyan)}button.primary{background:var(--gold);border-color:var(--gold);color:#111827}.note{color:var(--muted);font-size:.78rem;margin:18px 0 0}@keyframes float{50%{transform:translateY(-5px) rotate(1deg)}}@keyframes breathe{50%{transform:translateY(-2px) scaleY(1.015)}}@keyframes bob{to{transform:translateY(-3px)}}@keyframes pulse{50%{fill:#22d3ee2b}}@media(max-width:760px){.shell{padding:26px 0}.stage{grid-template-columns:1fr;padding:20px}.avatar{width:235px}.story{padding:20px}.sentence{min-height:115px;font-size:1rem}}