:root{color-scheme:dark;--bg:#070b12;--panel:#0e1623;--soft:#132033;--text:#eef6ff;--muted:#9fb0c9;--line:#22344d;--brand:#7cff5b;--cyan:#61d8ff;--danger:#ff7676;--warn:#ffcc66}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,#07111d,#06080d 42%,#090d14);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{border:1px solid var(--line);border-radius:10px;padding:10px 16px;background:#101b2a;color:var(--text);font-weight:700;cursor:pointer}
button:hover:not(:disabled){border-color:var(--brand)}
button:disabled{opacity:.45;cursor:not-allowed}
button.primary,.download{background:linear-gradient(135deg,var(--brand),#23d1ff);color:#061019;border:0;font-weight:800}
button.accent{background:linear-gradient(135deg,#ffcc66,#ff8d4d);color:#171006;border:0}
.top{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:16px 5vw;background:rgba(7,11,18,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.brand{font-weight:800;font-size:22px}.brand span{color:var(--brand)}
.top nav{display:flex;gap:18px;align-items:center;color:var(--muted);font-size:14px}.top nav a.active,.top nav a:hover{color:var(--text)}
.wrap{width:min(1180px,92vw);margin:0 auto;padding:44px 0 80px}
.hero{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end;padding:28px 0 34px}
.eyebrow,.kicker{color:var(--brand);font-weight:800;letter-spacing:.06em;margin:0 0 6px}
.hero h1{font-size:clamp(36px,5vw,64px);line-height:1.05;margin:0 0 14px}.hero p{color:var(--muted);max-width:760px;margin:0}
.account-state{min-width:230px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px}.account-state small{display:block;color:var(--muted);margin-top:5px}
.status-dot:before,.live-status span{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--warn);margin-right:8px}.status-dot.ok:before,.live-status.listening span{background:var(--brand);box-shadow:0 0 0 5px rgba(124,255,91,.12)}.live-status.error span{background:var(--danger)}.live-status.paused span{background:var(--warn)}
.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 20px}.tab{padding:14px;background:var(--panel);color:var(--muted)}.tab.active{background:linear-gradient(135deg,#1b4f91,#2563eb);color:white;border-color:#4f8cff}
.panel{display:none;background:rgba(14,22,35,.94);border:1px solid var(--line);border-radius:18px;padding:24px}.panel.active{display:block}
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.panel-heading h2{margin:0;font-size:26px}.secure-badge,.session-id{color:var(--cyan);background:#0a1a2a;border:1px solid #204b6a;border-radius:999px;padding:6px 11px;font-size:13px}
.form-card{background:#09121e;border:1px solid var(--line);border-radius:14px;padding:18px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.wide{grid-column:1/-1}
label span,legend{display:block;color:#cbd8ea;font-weight:700;margin-bottom:6px}
input,textarea,select{width:100%;background:#07101b;border:1px solid var(--line);color:var(--text);border-radius:9px;padding:11px 12px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(97,216,255,.1)}textarea{min-height:110px;resize:vertical}
.inline-status{min-height:24px;color:var(--muted);padding:12px 2px}.inline-status.error{color:var(--danger)}.inline-status.ok{color:var(--brand)}
.result{white-space:pre-wrap;background:#07101b;border:1px solid var(--line);border-radius:12px;padding:18px;min-height:120px;overflow:auto}.download{display:inline-flex;margin-top:14px;padding:10px 16px;border-radius:10px}.hide{display:none!important}
.job-progress{margin:10px 0 18px;background:#091522;border:1px solid #2c5272;border-radius:12px;padding:14px}.job-progress-heading{display:flex;justify-content:space-between;gap:16px}.job-progress progress{width:100%;height:12px;accent-color:var(--brand)}.job-progress p{color:var(--muted);margin:6px 0 0}
.profile-card{margin:0 0 18px;background:#0a1421;border:1px solid #315579;border-radius:14px;padding:0 16px 16px}.profile-card summary{display:flex;justify-content:space-between;gap:18px;padding:14px 0;cursor:pointer;font-weight:800}.profile-card summary strong{color:var(--cyan)}.profile-form{margin-top:4px}.profile-form textarea{min-height:74px}
.live-config{display:grid;grid-template-columns:1.15fr repeat(2,.75fr);gap:15px}.live-config fieldset{border:1px solid var(--line);border-radius:10px;margin:0;padding:10px 12px}.choice{display:block;margin:5px 0}.choice input{width:auto}.muted{color:var(--muted)}
.live-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 12px}.live-status{display:flex;align-items:center;background:#07101b;border:1px solid var(--line);border-radius:10px;padding:11px 14px;margin-bottom:16px}.live-status.error{color:#ffd1d1;border-color:#6b3030}
.manual-fallback{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;background:#0a1421;border:1px dashed #34506e;border-radius:12px;padding:14px;margin-bottom:16px}.manual-fallback label{margin:0}.manual-fallback button{margin-bottom:1px}
.live-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.live-grid article,.suggestions article{background:#07101b;border:1px solid var(--line);border-radius:12px;padding:15px}.live-grid h3,.suggestion-section h3{margin:0 0 10px}.live-grid pre{white-space:pre-wrap;min-height:120px;margin:0;font-family:inherit}.interim{color:var(--muted);font-style:italic;margin-bottom:8px;min-height:25px}
.suggestion-section{margin-top:18px;border:1px solid #c4892f;background:rgba(90,57,13,.18);border-radius:14px;padding:16px}.response-alert{color:#ffcf71;font-weight:900;margin-bottom:10px}.suggestion-section>p{white-space:pre-wrap}.suggestions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.suggestions span{color:var(--cyan);font-weight:800}.suggestions p{min-height:90px;white-space:pre-wrap}.suggestion-actions{display:flex;gap:8px}.suggestion-actions button{flex:1;padding:8px}
.suggestion-section[data-state="generating"]{border-color:var(--cyan)}.suggestion-section[data-state="ready"]{border-color:var(--brand);box-shadow:0 0 0 1px rgba(124,255,91,.1)}.suggestion-section[data-state="speaking"]{border-color:#ffcf71;box-shadow:0 0 22px rgba(255,207,113,.12)}.suggestion-section[data-state="error"]{border-color:var(--danger)}
.answer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.answer-heading h3{margin:0}.answer-heading span{border:1px solid var(--line);border-radius:999px;padding:5px 10px;color:var(--cyan);font-size:13px}.answer-state-text{color:var(--muted);margin:10px 0 0}.answer-block{margin-top:14px}.answer-block h4,.answer-columns h4{margin:0 0 8px;color:#dceaff}.answer-block p,.answer-columns p{white-space:pre-wrap;line-height:1.65;margin:0}.answer-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.answer-columns article{background:#07101b;border:1px solid var(--line);border-radius:12px;padding:15px}.answer-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.answer-actions button{flex:1 1 140px}.alternative-answers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.alternative-answer{background:#07101b;border:1px solid var(--line);border-radius:12px;padding:13px}.alternative-answer.selected{border-color:var(--brand)}.alternative-answer h4{color:var(--cyan);margin:0 0 8px}.alternative-answer p{white-space:pre-wrap}.alternative-answer button{width:100%}
.diagnostics-card{margin-top:16px;background:#07101b;border:1px solid var(--line);border-radius:12px;padding:13px 15px}.diagnostics-card summary{cursor:pointer;font-weight:800;color:var(--cyan)}.diagnostic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 0}.diagnostic-grid div{background:#0a1421;border-radius:9px;padding:10px;min-width:0}.diagnostic-grid dt{font-size:11px;color:var(--muted);letter-spacing:.06em}.diagnostic-grid dd{margin:5px 0 0;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}
.compact-form{margin-bottom:14px}.meeting-list{display:grid;gap:12px}.meeting-item{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;background:#07101b;border:1px solid var(--line);border-radius:12px;padding:15px}.meeting-item h3{margin:0 0 5px}.meeting-meta{color:var(--muted);font-size:14px}.meeting-actions{display:flex;gap:8px;flex-wrap:wrap}.meeting-detail{margin-top:16px;background:#07101b;border:1px solid var(--cyan);border-radius:14px;padding:18px}.detail-heading{display:flex;justify-content:space-between;align-items:center}.meeting-detail pre{white-space:pre-wrap;font-family:inherit}
@media(max-width:900px){.top{align-items:flex-start;gap:12px}.top nav{flex-wrap:wrap}.hero{grid-template-columns:1fr}.account-state{min-width:0}.grid,.live-config,.live-grid,.suggestions,.manual-fallback,.answer-columns,.alternative-answers,.diagnostic-grid{grid-template-columns:1fr}.wide{grid-column:auto}.panel-heading{align-items:flex-start;flex-direction:column}.meeting-item{grid-template-columns:1fr}.wrap{width:min(94vw,1180px)}}
@media(max-width:560px){.tabs{grid-template-columns:1fr}.panel{padding:16px}.top{position:static;flex-direction:column}.hero h1{font-size:38px}}