:root{--primary:#638bb0;--primary-light:#7ba3c8;--primary-dark:#4a7299;--accent:#f7952b;--accent-dark:#e9932b;--bg:#f8f9fa;--panel:#fff;--panel-2:#ecf0f1;--border:#e0e0e0;--text:#2c3e50;--muted:#7c878d;--text-faint:#95a5a6;--good:#27ae60;--warn:#f39c12;--bad:#e74c3c;--radius:16px;--radius-md:12px;--radius-sm:8px;--shadow-sm:0 2px 4px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 20px 60px #00000040}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Arial,Helvetica Neue,Helvetica,sans-serif}a{color:var(--primary);text-decoration:none}.wrap{max-width:760px;margin:0 auto;padding:32px 20px 80px}.center{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.card{background:var(--panel);width:100%;max-width:520px;box-shadow:var(--shadow-lg);border-radius:24px;padding:40px 32px}.brand{text-align:center;border-bottom:2px solid var(--border);margin-bottom:24px;padding-bottom:22px}.brand .logo{object-fit:contain;width:84px;height:84px;margin-bottom:10px}.brand h1{color:var(--primary);margin:0 0 4px;font-size:28px}.brand .tagline{color:var(--muted);margin:0;font-size:15px;font-weight:500}h1{color:var(--text);margin:0 0 6px;font-size:24px}.sub{color:var(--muted);margin:0 0 22px;font-size:14px;line-height:1.5}label{color:var(--text);margin:16px 0 6px;font-size:13px;font-weight:600;display:block}input,select,textarea{background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);outline:none;padding:12px 14px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s,background .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary);background:var(--panel);box-shadow:0 0 0 4px #638bb01f}button{cursor:pointer;border-radius:var(--radius-md);border:none;padding:12px 18px;font-family:inherit;font-size:15px;font-weight:700;transition:background .2s,transform .1s,box-shadow .2s,opacity .15s}button:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:#fff;text-transform:uppercase;letter-spacing:1px;width:100%;box-shadow:var(--shadow-sm);margin-top:22px}.btn-primary:hover:not(:disabled){background:var(--accent-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-ghost{color:var(--muted);border:1px solid var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg)}.btn-mic{background:var(--accent);color:#fff;text-transform:uppercase;letter-spacing:1px;width:100%;box-shadow:var(--shadow-sm);padding:18px;font-size:17px}.btn-mic:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-2px)}.btn-mic.recording{background:var(--bad)}.btn-danger{color:var(--bad);border:1px solid var(--border);background:0 0}.btn-danger:hover:not(:disabled){border-color:var(--bad);background:#e74c3c0f}.error{color:var(--bad);min-height:18px;margin-top:14px;font-size:13px}.row{align-items:center;gap:10px;display:flex}.spacer{flex:1}.muted{color:var(--muted)}.pill{background:var(--panel-2);color:var(--primary-dark);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.session-head{align-items:center;gap:12px;margin-bottom:18px;display:flex}.session-head .logo{object-fit:contain;width:28px;height:28px}.scenario-box{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);color:var(--muted);margin-bottom:18px;padding:16px 18px;font-size:14px;line-height:1.55}.transcript{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.bubble{max-width:88%;box-shadow:var(--shadow-sm);border-radius:14px;padding:12px 15px;font-size:15px;line-height:1.5}.bubble.them{background:var(--panel-2);color:var(--text);border-bottom-left-radius:4px;align-self:flex-start}.bubble.you{background:var(--primary);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.bubble .who{text-transform:uppercase;letter-spacing:.04em;opacity:.7;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.controls{background:linear-gradient(transparent, var(--bg) 30%);padding-top:18px;position:sticky;bottom:0}.status{text-align:center;color:var(--muted);min-height:20px;margin-bottom:10px;font-size:13px}.debrief{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);white-space:pre-wrap;padding:20px 22px;font-size:15px;line-height:1.6}.admin-section{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:18px;padding:22px}.code-chip{letter-spacing:.08em;background:var(--panel-2);color:var(--primary-dark);border-radius:var(--radius-sm);padding:10px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px;font-weight:700;display:inline-block}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:9px 8px}th{color:var(--muted);font-weight:700}.toggle{align-items:center;gap:10px;font-weight:600;display:inline-flex}.dot{border-radius:999px;width:10px;height:10px;display:inline-block}.dot.on{background:var(--good)}.dot.off{background:var(--bad)}