:root{--bg: #0a0a0a;--surface: #1a1a2e;--accent: #4a90d9;--text: #e0e0e0;--text-dim: #888;--you: #6ec6ff;--molt: #ffb74d;--danger: #ff5252;--success: #4caf50}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);max-width:480px;margin:0 auto;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--surface);border-bottom:1px solid rgba(255,255,255,.05)}.logo{font-size:1.2rem;font-weight:700;color:var(--accent)}#connection-status{font-size:.75rem;color:var(--danger)}#connection-status.connected{color:var(--success)}#waveform{width:100%;height:120px;background:var(--surface)}#transcript{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.message{padding:8px 12px;border-radius:12px;max-width:85%;font-size:.9rem;line-height:1.4}.message.you{align-self:flex-end;background:#6ec6ff26;color:var(--you)}.message.molt{align-self:flex-start;background:#ffb74d26;color:var(--molt)}.context-cards{display:flex;gap:8px;padding:8px 16px;overflow-x:auto;scrollbar-width:none}.context-cards::-webkit-scrollbar{display:none}.card{min-width:140px;padding:12px;background:var(--surface);border-radius:12px;border:1px solid rgba(255,255,255,.05)}.card h3{font-size:.75rem;color:var(--text-dim);margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.card p{font-size:.85rem;color:var(--text)}.controls{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px;background:var(--surface);border-top:1px solid rgba(255,255,255,.05)}#talk-btn{width:140px;height:48px;border-radius:24px;border:2px solid var(--accent);background:transparent;color:var(--accent);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;touch-action:none;user-select:none;-webkit-user-select:none}#talk-btn:active,#talk-btn.active{background:var(--accent);color:var(--bg);box-shadow:0 0 20px #4a90d966}.hands-free-label{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-dim);cursor:pointer}#hands-free{accent-color:var(--accent)}