:root{color-scheme:light;--bg:#0f1419;--panel:#1a222c;--text:#f2f5f8;--muted:#9aa7b5;--accent:#2dd4bf;--accent-dim:#0f766e;--danger:#fb7185;--ok:#4ade80;--warn:#fbbf24;--border:#2a3542;--font:"IBM Plex Sans","Segoe UI",sans-serif}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:radial-gradient(1200px 600px at 10% -10%,#134e4a 0,transparent 55%),radial-gradient(900px 500px at 100% 0,#1e3a5f 0,transparent 50%),var(--bg);color:var(--text);font-family:var(--font)}a{color:var(--accent)}main{width:min(720px,calc(100% - 2rem));margin:0 auto;padding:3rem 0 4rem}h1{margin:0 0 .5rem;font-size:clamp(1.6rem,4vw,2.1rem);font-weight:700}.lead{margin:0 0 2rem;color:var(--muted);line-height:1.7}.panel{background:color-mix(in srgb,var(--panel) 92%,transparent);border:1px solid var(--border);border-radius:16px;padding:1.25rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.drop{display:grid;place-items:center;grid-gap:.75rem;gap:.75rem;min-height:180px;border:1.5px dashed var(--border);border-radius:12px;padding:1.5rem;text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease}.drop.active,.drop:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent-dim) 35%,transparent)}.drop input{display:none}.drop strong{font-size:1.05rem}.drop span{color:var(--muted);font-size:.92rem}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.btn,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:10px;padding:.8rem 1.1rem;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.btn.primary,button.primary{background:var(--accent);color:#042f2e}button:disabled{opacity:.55;cursor:not-allowed}.btn.ghost,button.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.result{margin-top:1.25rem;display:grid;grid-gap:.75rem;gap:.75rem}.link-box{display:flex;gap:.5rem;align-items:stretch}.link-box input{flex:1 1;min-width:0;border-radius:10px;border:1px solid var(--border);background:#0c1117;color:var(--text);padding:.75rem .9rem;font:inherit;direction:ltr;text-align:left}.error{color:var(--danger);margin-top:.75rem}.watch-shell{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;background:#000}.watch-shell footer,.watch-shell header{padding:.75rem 1rem;background:rgba(0,0,0,.72);color:#ddd;font-size:.9rem}.watch-shell header{display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap}.status{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border-radius:999px;font-weight:600;font-size:.85rem}.status.ok{background:color-mix(in srgb,var(--ok) 22%,transparent);color:var(--ok)}.status.blocked{background:color-mix(in srgb,var(--danger) 22%,transparent);color:var(--danger)}.status.pending{background:color-mix(in srgb,var(--warn) 22%,transparent);color:var(--warn)}.video-wrap{display:grid;place-items:center;background:#000;min-height:0}.video-wrap video{width:100%;height:100%;max-height:calc(100dvh - 110px);object-fit:contain;background:#000}.note{color:var(--muted);font-size:.9rem;line-height:1.6}.badge{display:inline-block;padding:.2rem .55rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);font-size:.78rem;font-weight:700;margin-bottom:.75rem}.test-grid{display:grid;grid-gap:.75rem;gap:.75rem}@media (min-width:560px){.test-grid{grid-template-columns:1fr 1fr}}.test-btn{width:100%;min-height:3.1rem;text-align:center;line-height:1.3}.list-panel{margin-top:1.25rem}.list-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.list-header h2{margin:0;font-size:1.15rem}.video-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:.85rem;gap:.85rem}.video-item{display:grid;grid-gap:.75rem;gap:.75rem;padding:.9rem;border:1px solid var(--border);border-radius:12px;background:#0c1117}.video-item-main{display:grid;grid-gap:.55rem;gap:.55rem}.video-item-title{display:flex;flex-wrap:wrap;gap:.5rem .85rem;align-items:baseline}.video-item-title code{direction:ltr;font-size:.95rem;color:var(--accent)}.video-item-title span{color:var(--text);font-size:.92rem;overflow-wrap:anywhere}.video-item-meta{color:var(--muted);font-size:.82rem}