:root{--bg:#f7f7f8;--surface:#fff;--border:#e2e2e6;--text:#1c1c1f;--muted:#6b6b74;--accent:#4f46e5;--accent-contrast:#fff;--question-bg:#eef0ff;--answer-bg:#f0f0f2;--feedback-bg:#eafaf0;--feedback-border:#b6e6c6;--delivery-bg:#fdf6e8;--delivery-border:#ecd8a0;--delivery-label:#9a7217;--danger:#d1373f}@media (prefers-color-scheme:dark){:root{--bg:#17181c;--surface:#1f2025;--border:#303138;--text:#ececee;--muted:#9a9aa2;--accent:#7c7ff6;--accent-contrast:#101014;--question-bg:#262a45;--answer-bg:#2a2b31;--feedback-bg:#17301f;--feedback-border:#2f5e3d;--delivery-bg:#322a14;--delivery-border:#5e4d22;--delivery-label:#d9b45c;--danger:#e5686e}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--border);background:var(--surface)}.brand{font-weight:700;color:var(--text);text-decoration:none;font-size:1.05rem}.topbar nav a{margin-left:18px;color:var(--muted);text-decoration:none;font-size:.9rem}.topbar nav a:hover{color:var(--text)}.auth-status{display:flex;align-items:center;gap:10px;margin-left:18px;font-size:.85rem;color:var(--muted)}.auth-status button{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:6px 12px;border-radius:8px;cursor:pointer;font-size:.82rem}.auth-status button:hover{background:var(--answer-bg)}.page{max-width:760px;margin:0 auto;padding:24px 16px 80px}.chat-thread{display:flex;flex-direction:column;gap:16px}.bubble{padding:14px 16px;border-radius:12px;line-height:1.5;white-space:pre-wrap}.bubble.question{background:var(--question-bg);align-self:flex-start;max-width:90%}.bubble.answer{background:var(--answer-bg);align-self:flex-end;max-width:90%;margin-left:auto}.bubble.system{background:transparent;color:var(--muted);text-align:center;font-size:.85rem}.bubble-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:6px;display:flex;align-items:center;gap:8px}.icon-btn{border:none;background:none;cursor:pointer;color:var(--muted);font-size:.95rem;padding:2px 4px;border-radius:6px}.icon-btn:hover{color:var(--text);background:hsla(0,0%,50%,.12)}.feedback-card{background:var(--feedback-bg);border:1px solid var(--feedback-border);border-radius:12px;padding:14px 16px;font-size:.92rem;white-space:pre-wrap;max-width:90%;margin-left:auto}.feedback-card .bubble-label{color:#3f8f57}.feedback-card.delivery{background:var(--delivery-bg);border-color:var(--delivery-border)}.feedback-card.delivery .bubble-label{color:var(--delivery-label)}.recorder{border:1px solid var(--border);border-radius:12px;padding:14px;background:var(--surface);display:flex;flex-direction:column;gap:10px}.recorder textarea{width:100%;min-height:90px;resize:vertical;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);padding:10px;font-family:inherit;font-size:.95rem}.recorder-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}button{font-family:inherit}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:9px 16px;border-radius:8px;cursor:pointer;font-size:.9rem}.btn:hover{background:var(--answer-bg)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn.primary:hover{opacity:.9}.btn.recording{background:var(--danger);border-color:var(--danger);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.hint{color:var(--muted);font-size:.8rem}.start-form{display:flex;gap:10px;margin-top:8px}.start-form input{flex:1 1;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.95rem}.intro{margin-bottom:20px}.intro h1{font-size:1.4rem;margin-bottom:6px}.intro p{color:var(--muted);margin:0}.error-banner{background:rgba(209,55,63,.1);border:1px solid var(--danger);color:var(--danger);padding:10px 14px;border-radius:8px;font-size:.85rem;margin-bottom:16px}.session-list{display:flex;flex-direction:column;gap:10px}.session-item{display:block;border:1px solid var(--border);border-radius:10px;padding:14px 16px;background:var(--surface);text-decoration:none;color:var(--text)}.session-item:hover{border-color:var(--accent)}.session-item .meta{color:var(--muted);font-size:.82rem;margin-top:4px}.status-pill{display:inline-block;font-size:.72rem;padding:2px 8px;border-radius:999px;background:var(--answer-bg);color:var(--muted);margin-left:8px}.status-pill.completed{background:var(--feedback-bg);color:#3f8f57}audio{width:100%;margin-top:6px}