:root{color-scheme:light;font-family:Fira Sans,Segoe UI,SF Pro Display,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 20% 20%,#f0f7ff,#f8f9fb 45%,#fff);color:#0f172a}*{box-sizing:border-box}body{margin:0;min-height:100vh}.page{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:48px 16px;gap:16px}.card{width:min(900px,100%);background:linear-gradient(135deg,#121634e6,#263960eb);color:#e8edf7;padding:28px;border-radius:20px;box-shadow:0 30px 70px #07123c40;border:1px solid rgba(255,255,255,.08);margin-bottom:0}header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:flex-start;margin-bottom:18px}.eyebrow{letter-spacing:.1em;text-transform:uppercase;font-size:12px;color:#9ab7ff;margin:0 0 6px}h1{margin:0 0 6px;font-size:clamp(26px,4vw,34px)}.subtitle{margin:0;color:#c9d7ff;max-width:560px}.status{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;font-weight:600;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.status .dot{width:10px;height:10px;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 4px #ffffff0f}.dot.streaming{background:#ef4444;box-shadow:0 0 0 6px #ef444459;animation:pulse 1.2s ease-in-out infinite}.dot.connecting{background:#fbbf24;box-shadow:0 0 0 6px #fbbf2433}.dot.idle{background:#94a3b8;box-shadow:0 0 0 4px #ffffff0f}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #ef444480}70%{transform:scale(1);box-shadow:0 0 0 10px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}.actions{display:flex;gap:12px;margin:16px 0}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:14px;padding:14px 18px;font-size:16px;cursor:pointer;font-weight:700;transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:linear-gradient(120deg,#22d3ee,#6366f1);color:#0f172a;box-shadow:0 12px 30px #6366f159}button.ghost{background:#ffffff1f;color:#e8edf7;border:1px solid rgba(255,255,255,.16)}button:not(:disabled):hover{transform:translateY(-1px)}.notice{background:#ffffff14;border-radius:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.12);color:#e5edff;margin:10px 0;font-size:14px}.notice.error{border-color:#f8717199;background:#f871711a;color:#fecdd3}.notice.success{border-color:#34d399b3;background:#34d3991a;color:#d1fae5}code{background:#0f172a66;padding:2px 6px;border-radius:8px;font-family:JetBrains Mono,Fira Code,SFMono-Regular,Consolas,monospace}.hint{color:#c9d7ff;font-size:14px;margin-top:8px;line-height:1.6}@media (max-width: 640px){.card{padding:20px}.actions{flex-direction:column}button{width:100%}}.list-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.recordings-grid{display:grid;gap:12px}.recordings-block{width:min(900px,100%)}.list-card{background:linear-gradient(135deg,#111827eb,#162447e6)}.recording-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px}.rec-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.rec-title{margin:0;font-weight:700}.rec-sub{margin:0;color:#cbd5f5;font-size:14px}.rec-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.label{margin:0;color:#9fb0de;font-size:12px;letter-spacing:.03em;text-transform:uppercase}.value{margin:2px 0 0;font-weight:700}.pill{padding:6px 10px;border-radius:999px;font-size:13px;text-transform:capitalize;background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.pill.recording{background:#22d3ee26;border-color:#22d3ee66;color:#5eead4}.pill.finished{background:#34d3991f;border-color:#34d39959;color:#bbf7d0}.rec-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}button.small{padding:10px 12px;font-size:14px;border-radius:10px}.rec-actions.footer{margin-top:12px;justify-content:flex-end}button.danger{border:1px solid rgba(248,113,113,.6);color:#fecdd3;background:#f871711f}