:root{color-scheme:dark;--bg:#0b0d12;--panel:#131720;--panel-2:#191e29;--line:#29303e;--text:#f4f6fb;--muted:#98a1b3;--accent:#7c5cff;--accent-2:#9a83ff;--danger:#ff647c;--success:#56d6a0;--shadow:0 24px 70px rgba(0,0,0,.4);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% -10%,rgba(124,92,255,.13),transparent 38%),var(--bg);color:var(--text)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}h1,h2,p{margin-top:0}h1{font-size:clamp(2rem,5vw,3.35rem);line-height:1.02;letter-spacing:-.045em;margin-bottom:.65rem}h2{letter-spacing:-.025em}.muted{color:var(--muted);line-height:1.6}.eyebrow{font-size:.72rem;letter-spacing:.16em;font-weight:800;color:var(--accent-2);margin-bottom:.75rem}.button{display:inline-flex;justify-content:center;align-items:center;gap:.5rem;min-height:42px;border:1px solid transparent;border-radius:11px;padding:.7rem 1rem;font-weight:750;cursor:pointer;transition:.18s ease;background:none;color:var(--text)}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.5;cursor:wait}.button-primary{background:var(--accent);box-shadow:0 10px 28px rgba(124,92,255,.25)}.button-primary:hover{background:var(--accent-2)}.button-secondary{border-color:var(--line);background:var(--panel-2)}.button-ghost{color:var(--muted)}.button-ghost:hover{background:var(--panel-2);color:var(--text)}
.topbar{height:72px;padding:0 clamp(1rem,4vw,3.5rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(11,13,18,.76);backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.wordmark,.watch-brand{display:flex;align-items:center;gap:.65rem;font-weight:850;letter-spacing:-.02em}.wordmark span,.watch-brand span{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:var(--accent);font-size:.72rem}.topbar form{margin:0}.container{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:4rem 0 5rem}.hero-row{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2.4rem}.hero-row h1{margin-bottom:.5rem}.hero-row p:last-child{margin-bottom:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:1.4rem 0 2rem}.stats div{display:flex;flex-direction:column;gap:.3rem;background:var(--panel);padding:1.25rem 1.4rem}.stats strong{font-size:1.35rem}.stats span{color:var(--muted);font-size:.84rem}.source-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border:1px solid rgba(124,92,255,.35);background:rgba(124,92,255,.09);border-radius:14px;margin-bottom:1.25rem}.source-banner div{display:flex;flex-direction:column;gap:.25rem}.source-banner span{font-size:.85rem;color:var(--muted)}
.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.35rem}.video-card{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:var(--panel);box-shadow:0 12px 38px rgba(0,0,0,.12)}.video-thumb{position:relative;aspect-ratio:16/8.5;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,rgba(124,92,255,.28),transparent 37%),linear-gradient(145deg,#1c2230,#0c0f15);border-bottom:1px solid var(--line)}.play-icon{display:grid;place-items:center;width:58px;height:58px;padding-left:4px;border-radius:50%;background:rgba(255,255,255,.96);color:#11131a;box-shadow:0 14px 40px rgba(0,0,0,.4);transition:.18s ease}.video-thumb:hover .play-icon{transform:scale(1.06)}.status-pill{position:absolute;left:1rem;top:1rem;border-radius:999px;padding:.36rem .65rem;font-size:.72rem;font-weight:750}.status-off{background:rgba(255,100,124,.15);color:#ff8fa1;border:1px solid rgba(255,100,124,.28)}.video-body{padding:1.2rem}.video-title-row h2{font-size:1.08rem;margin-bottom:.25rem}.video-title-row p{font-size:.79rem;color:var(--muted);margin-bottom:1rem}.share-field>span:first-child{display:block;font-size:.72rem;color:var(--muted);margin-bottom:.4rem}.copy-row{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#0e1118}.copy-row input{min-width:0;flex:1;border:0;padding:.65rem .75rem;color:#aeb6c7;background:transparent;font-size:.76rem;outline:0}.icon-button{border:0;border-left:1px solid var(--line);background:var(--panel-2);color:var(--text);padding:0 .8rem;font-size:.75rem;cursor:pointer}.card-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.menu{position:relative}.menu summary{list-style:none}.menu summary::-webkit-details-marker{display:none}.menu-popover{position:absolute;right:0;bottom:calc(100% + .5rem);width:210px;padding:.4rem;background:#202633;border:1px solid #333c4e;border-radius:12px;box-shadow:var(--shadow);z-index:4}.menu-popover button{display:block;width:100%;border:0;background:none;color:var(--text);text-align:left;padding:.7rem .75rem;border-radius:8px;cursor:pointer}.menu-popover button:hover{background:#2a3140}.menu-popover .danger{color:#ff92a2}.empty-state{text-align:center;padding:5rem 1rem;border:1px dashed var(--line);border-radius:18px;background:rgba(19,23,32,.5)}.empty-state p{color:var(--muted)}.empty-icon{margin:0 auto 1.2rem;display:grid;place-items:center;width:62px;height:62px;border-radius:18px;background:rgba(124,92,255,.12);color:var(--accent-2)}
.alert{border-radius:12px;padding:.85rem 1rem;margin:0 0 1rem;font-size:.9rem}.alert-error{color:#ffacb9;border:1px solid rgba(255,100,124,.28);background:rgba(255,100,124,.1)}.alert-success{color:#8be5bc;border:1px solid rgba(86,214,160,.25);background:rgba(86,214,160,.09)}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:1.25rem}.auth-card,.pin-card{width:min(440px,100%);padding:2rem;border:1px solid var(--line);border-radius:20px;background:rgba(19,23,32,.88);box-shadow:var(--shadow);backdrop-filter:blur(20px)}.brand-mark{display:grid;place-items:center;width:52px;height:52px;padding-left:3px;margin-bottom:1.7rem;border-radius:15px;background:var(--accent);box-shadow:0 14px 35px rgba(124,92,255,.28)}.muted-mark{padding:0;color:var(--muted);background:var(--panel-2);box-shadow:none}.stack{display:grid;gap:1rem;margin-top:1.5rem}label{font-size:.83rem;font-weight:650;color:#c5cbd7}input[type=text],input[type=password]{width:100%;margin-top:.45rem;border:1px solid var(--line);border-radius:10px;padding:.78rem .85rem;background:#0d1017;color:var(--text);outline:0}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(124,92,255,.13)}
dialog{width:min(570px,calc(100% - 2rem));max-height:calc(100vh - 2rem);padding:0;border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--text);box-shadow:var(--shadow)}dialog::backdrop{background:rgba(3,5,9,.78);backdrop-filter:blur(5px)}.upload-form{padding:1.5rem;display:grid;gap:1.15rem}.dialog-head{display:flex;justify-content:space-between}.dialog-head h2{margin:0}.dialog-close{border:0;background:none;color:var(--muted);font-size:1.8rem;cursor:pointer}.dropzone{position:relative;display:grid;place-items:center;text-align:center;padding:1.4rem;border:1px dashed #414b60;border-radius:14px;background:#0f121a;cursor:pointer}.dropzone:hover{border-color:var(--accent)}.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.dropzone small,.dropzone em{color:var(--muted);font-weight:400;margin-top:.25rem}.dropzone em{color:var(--accent-2);font-style:normal}.drop-icon{font-size:1.5rem;margin-bottom:.35rem;color:var(--accent-2)}fieldset{display:grid;gap:.6rem;border:0;padding:0;margin:0}legend{font-size:.83rem;font-weight:650;margin-bottom:.5rem}.radio-card{display:flex;align-items:flex-start;gap:.7rem;padding:.85rem;border:1px solid var(--line);border-radius:12px;cursor:pointer}.radio-card:has(input:checked){border-color:var(--accent);background:rgba(124,92,255,.07)}.radio-card input{margin-top:.18rem;accent-color:var(--accent)}.radio-card span{display:flex;flex-direction:column;gap:.23rem}.radio-card small{color:var(--muted);font-weight:400;line-height:1.4}.pin-field{padding:.2rem .7rem}.dialog-actions{display:flex;justify-content:flex-end;gap:.6rem}.upload-progress{display:grid;gap:.5rem;color:var(--muted);font-size:.78rem}.upload-progress span{height:3px;border-radius:9px;background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent));background-size:200% 100%;animation:progress 1.1s linear infinite}@keyframes progress{to{background-position:-200% 0}}
.watch-page{background:#080a0f}.watch-shell{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 4rem}.watch-brand{width:max-content;margin-bottom:2rem}.player-wrap{padding-top:1rem}.player-frame{overflow:hidden;border:1px solid #282f3b;border-radius:18px;background:#000;box-shadow:0 32px 90px rgba(0,0,0,.6)}.player-frame video{display:block;width:100%;aspect-ratio:16/9;background:#000}.watch-meta{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:1.6rem .2rem .8rem}.watch-meta h1{font-size:clamp(1.55rem,4vw,2.5rem);margin:0}.watch-meta>span{color:var(--muted);font-size:.82rem}.viewer-note{padding:.9rem 1rem;border-left:2px solid var(--accent);background:rgba(124,92,255,.06);color:var(--muted);font-size:.82rem}.pin-card{margin:12vh auto 0}.lock-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;margin-bottom:1.5rem;background:rgba(124,92,255,.12);color:var(--accent)}
@media(max-width:760px){.container{padding-top:2.5rem}.hero-row{align-items:flex-start;flex-direction:column}.hero-row .button{width:100%}.video-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.stats div{flex-direction:row;align-items:center;justify-content:space-between}.source-banner{align-items:flex-start;flex-direction:column}.source-banner form,.source-banner button{width:100%}.watch-shell{width:100%;padding-top:1rem}.watch-brand{margin-left:1rem}.player-frame{border-left:0;border-right:0;border-radius:0}.watch-meta,.viewer-note{margin-left:1rem;margin-right:1rem}.watch-meta{align-items:flex-start;flex-direction:column}.auth-card{padding:1.5rem}.topbar{height:64px}.container{width:min(100% - 1.25rem,1180px)}}