.app{justify-content:center;align-items:center;min-height:100%;padding:24px;display:flex}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:12px;width:100%;max-width:560px;padding:32px;display:flex}.card.interview{max-width:640px;height:80vh;max-height:720px}h1{margin:0;font-size:1.5rem}.subtitle{color:var(--text-dim);margin:0 0 12px}.role-tag{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;margin:-4px 0 8px;font-size:.85rem;font-weight:600}form{flex-direction:column;gap:8px;display:flex}label{color:var(--text-dim);font-size:.9rem}input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 12px;font-size:1rem}input:focus{outline:2px solid var(--accent);outline-offset:-1px}button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 16px;font-size:1rem;font-weight:600;transition:background .15s}button:hover:not(:disabled){background:var(--accent-dim)}button:disabled{opacity:.5;cursor:not-allowed}.transcript{flex-direction:column;flex:1;gap:10px;padding:4px 4px 8px;display:flex;overflow-y:auto}.bubble{white-space:pre-wrap;border-radius:12px;max-width:85%;padding:12px 14px;line-height:1.4}.bubble.assistant{background:var(--bg);border:1px solid var(--border);align-self:flex-start}.bubble.user{background:var(--accent);color:#fff;align-self:flex-end}.bubble.interim{opacity:.6}.bubble.loading{color:var(--text-dim);font-style:italic}.controls{gap:10px;display:flex}.mic-button{flex:1}.mic-button.listening{background:var(--danger);animation:1.4s ease-in-out infinite pulse}.end-button{border:1px solid var(--border);color:var(--text-dim);background:0 0}.end-button:hover:not(:disabled){background:var(--border);color:var(--text)}.error{color:var(--danger);font-size:.9rem}.warning{color:var(--text-dim)}.feedback{white-space:pre-wrap;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:16px;font-family:inherit;line-height:1.5}@keyframes pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}:root{--bg:#0f1115;--card:#171a21;--border:#262b36;--text:#e6e8ec;--text-dim:#9aa1ae;--accent:#6366f1;--accent-dim:#4338ca;--danger:#ef4444;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}