:root{color-scheme:dark;font-family:Segoe UI,Tahoma,Arial,sans-serif;--bg:#07101a;--panel:#101b29;--line:#26374b;--text:#eef6ff;--muted:#9fb2c8;--blue:#3d8dff;--red:#d94d59}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:20px;color:var(--text);background:radial-gradient(circle at top,#153452 0,transparent 50%),var(--bg)}.shell{width:min(820px,100%);padding:26px;border:1px solid var(--line);border-radius:26px;background:#101b29f0;box-shadow:0 30px 90px #0000006b}header{display:flex;justify-content:space-between;align-items:center;gap:18px}.caption{color:var(--muted);font-size:12px;letter-spacing:.12em}h1{margin:5px 0 0;font-size:clamp(22px,4vw,30px)}.status{padding:8px 13px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}.voice-area{min-height:315px;display:grid;place-items:center;align-content:center;gap:24px;color:var(--muted)}.voice-area strong{color:var(--text)}.orb{position:relative;width:165px;height:165px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#dcf6ff,#75cfff 19%,#438cff,#263fa8 79%);box-shadow:inset 0 0 32px #ffffff38,0 30px 85px #3469ff70}.orb span{position:absolute;inset:-16px;border:2px solid rgb(117 207 255 / 30%);border-radius:inherit;opacity:0}.orb.speaking span{animation:ring 1.8s ease-out infinite}.orb.speaking span:nth-child(2){animation-delay:.45s}.orb.speaking span:nth-child(3){animation-delay:.9s}@keyframes ring{0%{opacity:.6;transform:scale(.88)}to{opacity:0;transform:scale(1.55)}}.controls{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}button{min-width:145px;padding:13px 20px;border:1px solid var(--line);border-radius:999px;color:var(--text);background:#17263a;font:inherit;cursor:pointer}button.primary{border-color:transparent;background:var(--blue)}button.danger{border-color:transparent;background:var(--red)}button:disabled{opacity:.45;cursor:not-allowed}.transcript-card{margin-top:24px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#ffffff05}.transcript-card h2{margin:0 0 12px;color:var(--muted);font-size:15px}.transcript{min-height:95px;max-height:230px;overflow:auto;line-height:1.75}.line{padding:8px 0;border-bottom:1px solid rgb(255 255 255 / 5%)}.line.interim{opacity:.55}.muted,.footer-note{color:var(--muted)}.footer-note{margin:16px 0 0;text-align:center;font-size:13px;line-height:1.7}@media(max-width:560px){body{padding:10px}.shell{padding:18px;border-radius:20px}.orb{width:135px;height:135px}.controls button{width:100%}}