:root{font-family:Space Grotesk,Sora,Outfit,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e5e7eb;background:#0a0f1f;--bg: #0a0f1f;--panel: rgba(18, 26, 43, .86);--panel-border: rgba(125, 170, 255, .25);--accent: #22d3ee;--accent-soft: rgba(34, 211, 238, .15);--accent-2: #f59e0b;--accent-2-soft: rgba(245, 158, 11, .15);--text: #e5e7eb;--muted: #94a3b8;--glow: 0 0 30px rgba(34, 211, 238, .2)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top right,rgba(34,211,238,.25),transparent 45%),radial-gradient(circle at 10% 20%,rgba(245,158,11,.18),transparent 40%),radial-gradient(circle at 20% 80%,rgba(56,189,248,.12),transparent 40%),#0a0f1f;color:var(--text)}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}body:before{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:48px 48px;opacity:.3;-webkit-mask-image:radial-gradient(circle at 20% 0%,black,transparent 65%);mask-image:radial-gradient(circle at 20% 0%,black,transparent 65%)}body:after{background:radial-gradient(circle at 70% 30%,rgba(34,211,238,.35),transparent 55%);opacity:.4}#app{max-width:1200px;margin:0 auto;padding:32px 24px 48px;position:relative;z-index:1}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:20px;padding:20px 22px;margin-bottom:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 16px 40px #00000059,var(--glow);position:relative;overflow:hidden;animation:floatIn .8s ease both}.panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 0%,rgba(34,211,238,.07) 50%,transparent 100%);opacity:0;transition:opacity .4s ease;pointer-events:none}.panel:hover:after{opacity:1}.hero{display:flex;align-items:center;justify-content:space-between;gap:24px}.hero-copy{max-width:680px}.hero-kicker{margin:0 0 8px;letter-spacing:.32em;font-size:12px;color:var(--muted);text-transform:uppercase}.hero-title{margin:0 0 8px;font-size:clamp(28px,3vw,38px);line-height:1.2}.hero-sub{margin:0;color:var(--muted);font-size:14px}.hero-subtle{display:inline-block;margin-left:6px;color:#94a3b8b3}.status-stack{display:grid;gap:12px;min-width:200px}.status-pill{border-radius:999px;padding:12px 16px;background:#0f172ab3;border:1px solid rgba(148,163,184,.2);display:flex;flex-direction:column;gap:4px}.status-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.status-value{font-size:14px;font-weight:600;color:var(--text)}.section-title{margin-bottom:14px}.section-title h2{margin:0 0 4px;font-size:18px}.section-title p{margin:0;color:var(--muted);font-size:13px}.section-title.compact{margin-bottom:10px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}@media (max-width: 900px){.grid{grid-template-columns:1fr}.hero{flex-direction:column;align-items:flex-start}.status-stack{width:100%}}.row{display:flex;gap:12px;align-items:flex-end;margin-top:12px;flex-wrap:wrap}.row.buttons{align-items:center}.row.meta{align-items:center;justify-content:space-between}.field{display:flex;flex-direction:column;gap:6px;min-width:220px;flex:1}.field.grow{flex:2;min-width:260px}label{font-size:12px;color:var(--muted);letter-spacing:.04em}input,select{border:1px solid rgba(148,163,184,.25);border-radius:12px;padding:12px 14px;font-size:14px;outline:none;background:#0f172a99;color:var(--text);transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus{border-color:#22d3ee99;box-shadow:0 0 0 2px #22d3ee33}.btn{border:1px solid rgba(148,163,184,.3);background:linear-gradient(120deg,#0f172ae6,#1e293be6);color:var(--text);border-radius:12px;padding:10px 14px;cursor:pointer;font-weight:600;letter-spacing:.02em;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.btn.primary{background:linear-gradient(120deg,#22d3ee33,#38bdf873);border-color:#22d3ee80;box-shadow:0 0 16px #22d3ee59}.btn.danger{background:linear-gradient(120deg,#f59e0b33,#fb923c73);border-color:#f59e0b80}.btn.ghost{background:#0f172a8c}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn:not(:disabled):hover{transform:translateY(-1px);border-color:#22d3ee99;box-shadow:0 10px 20px #22d3ee26}.label{color:var(--muted)}video{width:100%;background:#05070f;border-radius:16px;min-height:240px;border:1px solid rgba(148,163,184,.2);box-shadow:inset 0 0 30px #0f172ab3}.logs{background:#05070f;color:#cbd5f5;border-radius:16px;padding:14px;min-height:160px;overflow:auto;border:1px solid rgba(148,163,184,.2)}.hint summary{cursor:pointer;color:var(--accent);font-weight:600;margin-top:10px}.hint ul{margin:8px 0 0 18px;color:var(--muted)}.footer{color:#94a3b899;font-size:12px;text-align:center;margin-top:24px}.footer code{background:#0f172a99;padding:2px 6px;border-radius:6px;border:1px solid rgba(148,163,184,.2)}.link{color:var(--accent);text-decoration:none;font-weight:600}.link:hover{text-decoration:underline}.hidden{display:none}.recordings ul{margin:8px 0 0 18px;padding:0}.recordings li{margin:8px 0;color:var(--muted)}.recordings button{margin-left:8px;padding:4px 8px;border-radius:10px;font-size:12px}@keyframes floatIn{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}