:root{font-family:SF Pro Display,Avenir Next,Segoe UI,sans-serif;line-height:1.45;font-weight:400;color:#102038;background:radial-gradient(circle at 15% 20%,#ffffffd1,#fff0 40%),radial-gradient(circle at 90% 10%,#b4d7ff8c,#b4d7ff00 42%),radial-gradient(circle at 10% 90%,#c6ffe673,#c6ffe600 40%),linear-gradient(140deg,#d8e9ff,#c8d8ff 48%,#c4f0e2);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:#102038}#app{max-width:1080px;margin:0 auto;padding:1rem}h1,h2,p{margin:0}button,select{font:inherit}.app-shell{display:grid;gap:1rem}.panel{border-radius:22px;padding:1rem}.glass{background:linear-gradient(155deg,#ffffff80,#ffffff38 38%,#ffffff4d);border:1px solid rgba(255,255,255,.58);box-shadow:0 10px 30px #13233a29,inset 0 1px #ffffff80;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%)}.hero-panel h1{margin-top:.25rem;margin-bottom:.75rem;font-size:clamp(1.35rem,2.2vw,1.9rem)}.eyebrow{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:#32527d;font-weight:650}.section-hint,.quality-note,.empty-state,.recording-item p,.recording-label{color:#2a4466}.section-hint,.quality-note{margin-top:.45rem}.status-strip{margin-top:.9rem;border-radius:999px;border:1px solid rgba(73,104,150,.35);background:#f5f9ff8c;display:inline-flex;gap:.5rem;align-items:center;padding:.42rem .72rem;font-weight:560;color:#173764}.status-dot{width:.6rem;height:.6rem;border-radius:999px;background:#3e7dd0;box-shadow:0 0 #3e7dd06b}.status-strip.recording{color:#6f1010;border-color:#bc383859;background:#ffeeeea3}.status-strip.recording .status-dot{background:#cf2222;animation:pulse 1.6s infinite}@keyframes pulse{0%{box-shadow:0 0 #cf22226b}70%{box-shadow:0 0 0 10px #cf222200}to{box-shadow:0 0 #cf222200}}.action-grid{display:grid;gap:.6rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.85rem}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border-radius:12px;border:1px solid transparent;padding:.62rem .78rem;cursor:pointer;font-weight:560;transition:transform .12s ease,filter .12s ease}.action-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.03)}.action-btn:disabled{opacity:.58;cursor:not-allowed}.action-btn.primary{background:linear-gradient(180deg,#2e8cff,#1d68d1);color:#f4f8ff}.action-btn.success{background:linear-gradient(180deg,#1abf94,#14936f);color:#f3fffb}.action-btn.danger{background:linear-gradient(180deg,#ff6c6c,#d94545);color:#fff5f5}.action-btn.neutral{background:#ffffff8f;border-color:#4e74a457;color:#1f4b81}.icon{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.selectors{display:grid;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:.85rem}.input-group{display:block;font-weight:560;color:#17325a}select{width:100%;margin-top:.35rem;border-radius:11px;border:1px solid rgba(87,118,166,.38);padding:.58rem;background:#f8fcffb3;color:#183a62}.video-frame{width:100%;background:#05090f;border-radius:16px;min-height:210px;margin-top:.75rem;border:1px solid rgba(89,121,168,.42)}.recording-list{list-style:none;padding:0;margin:.75rem 0 0;display:grid;gap:.66rem}.recording-item{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem;padding:.8rem;border-radius:14px;border:1px solid rgba(95,124,169,.29);background:#ffffff73}.recording-item p{margin-top:.2rem;font-size:.93rem}.row-actions{display:flex;gap:.5rem;flex-wrap:wrap}@media(max-width:860px){.action-grid,.selectors{grid-template-columns:1fr}.recording-item{flex-direction:column}}