:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Microsoft YaHei,Segoe UI,sans-serif;background:#020617;color:#e5edf7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at top left,rgba(37,99,235,.3),transparent 32rem),linear-gradient(135deg,#020617,#111827 58%,#0f172a)}button,input{font:inherit}button{cursor:pointer}.shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:40px 0}.hero{margin-bottom:24px}.eyebrow{margin:0 0 8px;color:#38bdf8;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:12px;font-size:clamp(32px,6vw,56px);line-height:1.05}h2{margin-bottom:18px}.intro{max-width:720px;color:#b7c8dc;font-size:17px;line-height:1.7}.card{margin-bottom:20px;padding:22px;border:1px solid rgba(148,163,184,.22);border-radius:22px;background:#0f172ad1;box-shadow:0 24px 80px #0206174d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}form{display:grid;gap:16px}label{display:grid;gap:8px;color:#cbd5e1;font-weight:700}input{width:100%;border:1px solid rgba(148,163,184,.28);border-radius:14px;background:#0206178c;color:#f8fafc;outline:none;padding:14px 16px}input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf829}.primary,.actions button,.source-button{border:0;border-radius:999px;color:#f8fafc;background:#1e293b;padding:10px 16px;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.primary{justify-self:start;background:linear-gradient(135deg,#2563eb,#7c3aed);font-weight:800;padding:13px 22px}button:hover{transform:translateY(-1px)}.player-header{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.source-line,.video-url{color:#b7c8dc;overflow-wrap:anywhere}.source-list{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.source-button{border:1px solid rgba(148,163,184,.24)}.source-button.is-active{background:linear-gradient(135deg,#0891b2,#2563eb);box-shadow:0 12px 30px #2563eb3d}.frame-wrap{overflow:hidden;position:relative;width:100%;border:1px solid rgba(148,163,184,.24);border-radius:18px;background:#000;aspect-ratio:16 / 9}.frame-wrap.is-resetting{aspect-ratio:16 / 9;transform:translateZ(0)}iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}.loading-overlay{position:absolute;inset:0;z-index:2;display:grid;place-content:center;gap:12px;padding:24px;text-align:center;background:linear-gradient(135deg,#020617e6,#0f172aad);color:#e0f2fe;pointer-events:none}.loading-overlay[data-phase=slow]{align-content:end;background:linear-gradient(180deg,transparent 0%,rgba(2,6,23,.82) 100%)}.loading-overlay span{color:#b7c8dc;font-size:14px}.spinner{width:42px;height:42px;margin:0 auto;border:4px solid rgba(125,211,252,.2);border-top-color:#38bdf8;border-radius:999px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status{min-height:24px;color:#cbd5e1}.status[data-type=error]{color:#fca5a5}.status[data-type=success]{color:#86efac}@media (max-width: 720px){.shell{width:min(100% - 20px,1120px);padding:24px 0}.card{padding:16px;border-radius:18px}.player-header{display:grid}.actions{justify-content:flex-start}.source-button{flex:1 1 calc(50% - 10px)}}