:root{color-scheme:dark;--bg: #0b0d10;--panel: #14181d;--panel-2: #1b2027;--text: #e7ecef;--muted: #8a949e;--accent: #ff5a4e;--accent-2: #ffb84d;--ok: #66d19e;font-family:-apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--text)}#root{display:flex;align-items:center;justify-content:center;padding:24px}.card{width:min(560px,100%);background:var(--panel);border:1px solid #232a31;border-radius:18px;padding:28px;box-shadow:0 10px 40px #00000059}h1{font-size:22px;margin:0 0 4px}h2{font-size:16px;margin:18px 0 8px;color:var(--muted);font-weight:500}p{line-height:1.5;color:#cdd5db;margin:8px 0}.muted{color:var(--muted);font-size:13px}button{cursor:pointer;font-family:inherit;font-size:15px;border:none;border-radius:12px;padding:12px 18px;transition:transform .08s,background .15s}button:active{transform:scale(.98)}button.primary{background:var(--ok);color:#0b0d10;font-weight:600}button.primary:hover{background:#7be3ad}button.danger{background:var(--accent);color:#fff;font-weight:600}button.danger:hover{background:#ff7367}button.ghost{background:transparent;color:var(--muted);border:1px solid #2a313a}.avatar-wrap{display:flex;align-items:center;justify-content:center;height:220px;position:relative}.avatar{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#2b333c,#1b2027);display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:600;color:#cdd5db;z-index:2}.ring{position:absolute;border-radius:50%;border:2px solid rgba(255,90,78,.5);transition:width 80ms linear,height 80ms linear,opacity .2s}.hint{background:#ffb84d14;border:1px solid rgba(255,184,77,.25);border-radius:10px;padding:10px 12px;margin:0 0 12px;font-size:13px}.hint summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:var(--accent-2);list-style:none}.hint summary::-webkit-details-marker{display:none}.hint-sub{color:var(--muted);font-size:11px}.hint-body{margin-top:8px;white-space:pre-wrap;color:#d4dade;line-height:1.5;font-size:13px;max-height:180px;overflow-y:auto;padding-right:4px}.captions{height:140px;overflow-y:auto;background:var(--panel-2);border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.45;display:flex;flex-direction:column;gap:6px}.captions .turn{color:#cdd5db}.captions .turn.user{color:var(--accent-2)}.captions .turn .who{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-right:6px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.timer{font-variant-numeric:tabular-nums;color:var(--muted);font-size:14px}.timer.warn{color:var(--accent-2)}.timer.crit{color:var(--accent)}.bullets{padding-left:18px}.bullets li{margin:8px 0;line-height:1.5}.status{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.dot.live{background:var(--ok);animation:pulse 1.4s infinite}.scenarios{display:flex;flex-direction:column;gap:10px;margin-top:16px}.scenario{display:block;text-align:left;background:var(--panel-2);border:1px solid #232a31;border-radius:12px;padding:14px 16px;color:var(--text);width:100%}.scenario:hover:not(.disabled){border-color:#3a434d;background:#1f252c}.scenario.disabled{cursor:not-allowed;opacity:.5}.scenario-title{font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.scenario-summary{font-size:13px;color:var(--muted);line-height:1.4}.tag{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:#232a31;border-radius:999px;padding:3px 8px;font-weight:500}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}