:root{--bg: #0f1620;--panel: #18222e;--panel2: #1f2c3b;--line: #2c3c4f;--ink: #e8eef5;--dim: #92a4b8;--accent: #4a8cc0;--accent2: #6fb3e0;--ok: #59c98a;--no: #e0635b;--gold: #e3b341;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(1200px 700px at 50% -10%,#1b2a3a,var(--bg));color:var(--ink);min-height:100vh}#app{max-width:720px;margin:0 auto;padding:18px 16px 40px}header{text-align:center;margin-bottom:14px}h1{margin:0;font-size:30px;letter-spacing:4px;font-weight:800;color:var(--accent2);text-shadow:0 2px 12px rgba(74,140,192,.35)}.sub{margin:6px 0 0;color:var(--dim);font-size:14px}.bar{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:12px}.seg{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--panel)}.seg button{border:0;background:transparent;color:var(--dim);padding:8px 14px;font-size:14px;cursor:pointer}.seg button.active{background:var(--accent);color:#fff}.btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:8px 16px;border-radius:9px;font-size:14px;cursor:pointer}.btn:hover{border-color:var(--accent)}.btn.big{padding:12px 24px;font-size:16px;margin-top:8px}.scoreboard{display:flex;gap:10px;justify-content:center;margin-bottom:14px}.readout{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:8px 14px;min-width:92px;text-align:center;font-size:20px;font-weight:700}.readout span:first-child{display:block;font-size:10px;letter-spacing:1.5px;color:var(--dim);font-weight:600}.dots{display:inline-flex;gap:4px;justify-content:center;font-size:18px}.dot{color:#38485a}.dot.lit{color:var(--no)}.stage{position:relative}.docket{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px}.client{display:flex;gap:14px;align-items:flex-start;margin-bottom:14px}.client:before{content:"👤";font-size:30px;line-height:1;flex:0 0 auto;filter:grayscale(.2)}.speech{background:var(--panel2);border:1px solid var(--line);border-radius:2px 12px 12px;padding:16px 18px;font-size:18px;line-height:1.5;flex:1;min-height:70px}.feedback{min-height:22px;font-size:14px;color:var(--dim);margin-bottom:12px;line-height:1.5}.feedback .ok{color:var(--ok);font-weight:700}.feedback .no{color:var(--no);font-weight:700}.feedback b{color:var(--ink)}.controls{display:flex;gap:12px}.action{flex:1;border:1px solid var(--line);border-radius:11px;padding:14px;font-size:16px;font-weight:600;cursor:pointer;color:var(--ink);background:var(--panel2)}.action.match{border-color:var(--accent)}.action.match:hover{background:var(--accent);color:#fff}.action.reject{border-color:#6b4a4a}.action.reject:hover{background:var(--no);color:#fff}.picker{margin-top:4px;background:var(--panel2);border:1px solid var(--line);border-radius:11px;padding:12px}.pickhead{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--dim);margin-bottom:10px}.closepick{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:7px;width:30px;height:30px;cursor:pointer}.pickgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.pickgrid button{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:8px;padding:9px 10px;font-size:13px;cursor:pointer;text-align:left}.pickgrid button:hover{border-color:var(--accent);background:#233344}.pickgrid button b{background:var(--accent);color:#fff;border-radius:6px;min-width:24px;text-align:center;padding:2px 0;font-size:12px}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a1018db;border-radius:14px}.overlay.hidden,.picker.hidden,.controls.hidden,.hidden{display:none!important}.card{text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:28px 30px;max-width:420px}.card h2{margin:0 0 6px;font-size:26px;color:var(--accent2)}.osub{color:var(--dim);margin:0 0 16px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:8px}.stats div{background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:10px 4px}.stats b{display:block;font-size:22px;color:var(--gold)}.stats span{font-size:10px;letter-spacing:1px;color:var(--dim)}.hint{margin-top:16px;text-align:center;color:var(--dim);font-size:13px;line-height:1.5}