:root{--bg:#0f1420;--card:#171e2e;--text:#e8ecf4;--muted:#8b94a7;--accent:#4f7cff;--speaking:#38b26f;--hearing:#d8973c;--danger:#d64550;--border:#263042}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:radial-gradient(1200px 600px at 50% -10%,#1a2340,var(--bg));color:var(--text);min-height:100vh;align-items:center;justify-content:center;padding:24px}.card,body{display:flex}.card{width:100%;max-width:640px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:28px;flex-direction:column;gap:20px}header h1{font-size:1.4rem;font-weight:600}.subtitle{color:var(--muted);font-size:.9rem;margin-top:2px}#status-panel{display:flex;flex-direction:column;align-items:center;gap:10px}.chip{background:#1f2a44;border:1px solid var(--border);color:var(--accent);font-weight:600;padding:6px 14px;border-radius:999px}.chip,.detail{font-size:.85rem}.detail{color:var(--muted);min-height:1.2em}.orb{width:96px;height:96px;border-radius:50%;margin:10px 0 4px;background:#223052;transition:all .25s ease}.orb.idle{box-shadow:0 0 0 0 transparent}.orb.listening{background:var(--accent);box-shadow:0 0 34px 4px rgba(79,124,255,.45)}.orb.hearing{background:var(--hearing);box-shadow:0 0 34px 4px rgba(216,151,60,.45)}.orb.hearing,.orb.speaking{animation:pulse 1.2s infinite}.orb.speaking{background:var(--speaking);box-shadow:0 0 34px 4px rgba(56,178,111,.45)}.orb.thinking{background:#223052;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.orb-label{color:var(--muted);font-size:.9rem}.transcript{height:220px;overflow-y:auto;border:1px solid var(--border);border-radius:10px;padding:12px;font-size:.9rem;line-height:1.45;display:flex;flex-direction:column;gap:8px}.line .who{display:inline-block;font-weight:600;margin-right:8px;font-size:.75rem;padding:1px 8px;border-radius:999px}.line.you .who{background:rgba(79,124,255,.18);color:var(--accent)}.line.bot .who{background:rgba(56,178,111,.18);color:var(--speaking)}footer{display:flex;justify-content:center}.btn{font-size:1rem;font-weight:600;padding:12px 28px;border-radius:10px;border:none;cursor:pointer;transition:filter .15s ease}.btn:hover:not(:disabled){filter:brightness(1.15)}.btn:disabled{opacity:.6;cursor:wait}.btn.primary{background:var(--accent);color:white}.btn.danger{background:var(--danger);color:white}.btn.subtle{background:#1f2a44;color:var(--text);border:1px solid var(--border)}.back-link{color:var(--accent);text-decoration:none}.back-link:hover{text-decoration:underline}.card.landing{max-width:760px}.choices{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:620px){.choices{grid-template-columns:1fr}}.choice{display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid var(--border);border-radius:14px;background:#131a2a;color:var(--text);text-decoration:none;transition:border-color .15s ease,transform .15s ease}.choice:hover{border-color:var(--accent);transform:translateY(-2px)}.choice-icon{font-size:2rem}.choice h2{font-size:1.1rem}.choice p{color:var(--muted);font-size:.88rem;line-height:1.45;flex:1 1}.choice-cta{color:var(--accent);font-weight:600;font-size:.9rem}.field-label{color:var(--muted);font-size:.85rem}.text-input{width:100%;font-size:1rem;padding:11px 14px;border-radius:10px;border:1px solid var(--border);background:#101728;color:var(--text)}.text-input:focus{outline:none;border-color:var(--accent)}#setup-panel,#share-panel{display:flex;flex-direction:column;gap:12px}#room-panel[hidden],#setup-panel[hidden],#share-panel[hidden]{display:none}.detail.error{color:var(--danger);min-height:1.2em}.link-row{display:flex;gap:8px}.link-row .text-input{flex:1 1}.tiles{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-bottom:18px}.tile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 12px;border:2px solid var(--border);border-radius:14px;background:#131a2a;transition:border-color .15s ease,box-shadow .15s ease}.tile.empty{opacity:.55;border-style:dashed}.tile.speaking{border-color:var(--speaking);box-shadow:0 0 24px 2px rgba(56,178,111,.35)}.tile.speaking .avatar{animation:pulse 1.1s infinite;background:var(--speaking)}.avatar{width:64px;height:64px;border-radius:50%;background:#223052;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;transition:background .2s ease}.tile-name{font-weight:600;font-size:.95rem;text-align:center}.tile-status{color:var(--muted);font-size:.8rem;min-height:1.1em}.room-controls{display:flex;justify-content:center;gap:12px}.stack{display:flex;flex-direction:column;gap:12px}a.choice{cursor:pointer}