:root{font-family:Space Grotesk,system-ui,-apple-system,sans-serif;color:#e5e7eb;background:radial-gradient(circle at 10% 20%,#1e293b,#0b1220 45%,#0a0f1a)}*{box-sizing:border-box}body{margin:0;min-height:100vh}#local-player video,#remote-player video,#local-player canvas,#remote-player canvas{object-fit:contain!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important}.nav-bar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 2rem;background:#0f172af2;border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-content{display:inline-flex;align-items:center;gap:12px;padding:8px;background:#1e293bf2;border-radius:16px;border:1px solid rgba(56,189,248,.2);box-shadow:0 12px 28px #0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative}.nav-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,#38bdf826,#6366f11a);opacity:0;transition:opacity .2s ease;pointer-events:none}.nav-content:focus-within:before,.nav-content:hover:before{opacity:1}.nav-content a{position:relative;display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;font-size:15px;font-weight:600;color:#e5e7eb;text-decoration:none;transition:color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}.nav-content a:focus-visible{outline:none;box-shadow:0 0 0 3px #38bdf859}.nav-content a:not(.active):hover{background:#38bdf826;color:#fff;transform:translateY(-1px)}.nav-content a.active{background:linear-gradient(120deg,#38bdf8,#6366f1);color:#0b1220;box-shadow:0 10px 24px #38bdf866}.nav-content a.active:after{content:"Current";font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;margin-left:4px;border-radius:999px;background:#0b12204d;color:inherit}.card{width:100%;background:#0f172ad9;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:32px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 20px 70px #0006;margin:2rem auto}h1{margin:0 0 .75rem;font-size:2rem;letter-spacing:-.03em}.subtitle{color:#94a3b8;margin-bottom:1.5rem}.pane{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:20px}.panel{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:18px}.input-row{display:flex;gap:10px;align-items:center}input[type=file]{color:#e2e8f0}label{font-weight:600;font-size:15px}input[type=text],select{padding:10px 14px;font-size:15px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#e5e7eb;transition:border-color .2s ease,background .2s ease}input[type=text]:focus,select:focus{outline:none;border-color:#667eea80;background:#ffffff14}button{background:linear-gradient(135deg,#38bdf8,#6366f1);color:#0b1220;border:none;border-radius:10px;padding:12px 28px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}button:disabled{cursor:not-allowed;opacity:.65;box-shadow:none}button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 30px #38bdf859}.status{color:#cbd5e1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.progress-bar{height:10px;background:#ffffff14;border-radius:8px;overflow:hidden}.progress-bar span{display:block;height:100%;background:linear-gradient(90deg,#34d399,#22d3ee);width:var(--pct, 0%);transition:width .12s ease}video{width:100%;border-radius:10px;background:#0f172a}.url{color:#38bdf8;word-break:break-all}.pill{display:inline-block;padding:6px 10px;border-radius:999px;background:#ffffff14;color:#e2e8f0;font-size:13px}#local-player video,#remote-player video{width:100%!important;height:100%!important;object-fit:contain!important}