:root{color-scheme:dark;--bg:#101216;--panel:#191d23;--line:#303640;--text:#f1f3f5;--muted:#aab2bf;--accent:#d9ed93;--ink:#17210a;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.55}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,.button{cursor:pointer}button,.button,input,select{border-radius:8px}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:11px 17px;border:1px solid transparent;font-weight:600}button:hover,.button:hover{filter:brightness(1.12)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}a:hover{color:var(--accent)}.topbar{min-height:88px;display:flex;align-items:center;gap:25px;padding:18px 4vw;border-bottom:1px solid var(--line);background:#14171c}.brand{display:flex;align-items:center;font-size:23px;font-weight:750;letter-spacing:-1px}.brand>span:last-child{font-weight:400;color:var(--muted)}.brand-mark{display:grid;place-items:center;background:var(--accent);color:var(--ink);width:34px;height:34px;border-radius:9px;margin-right:11px;font-size:16px}.private-label,.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:700;color:var(--muted)}nav{margin-left:auto;display:flex;align-items:center;gap:25px;font-size:14px}nav a[aria-current]{color:var(--accent)}nav form{margin:0}.quiet{background:transparent;border:1px solid var(--line);color:var(--muted);font-size:14px}main{max-width:1520px;margin:auto;padding:48px 4vw 70px;min-height:calc(100vh - 160px)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(28px,3.2vw,42px);line-height:1.2;letter-spacing:-1.3px;margin:12px 0 13px;font-weight:650}h2{font-size:19px;line-height:1.4;font-weight:600}h3{font-size:17px;line-height:1.4}.muted,.hint{color:var(--muted)}.hint{font-size:14px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.page-heading p{margin-bottom:0}.count{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;background:#2b3324;color:var(--accent);border:1px solid #435035;font-size:14px;letter-spacing:0;min-width:29px;height:27px;border-radius:7px;margin-left:12px;padding:0 7px}.secondary{background:#222730;border:1px solid #3b424d;color:var(--text)}.primary{background:var(--accent);color:var(--ink)}.full{width:100%}.library-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:34px}.folder-panel{border-right:1px solid var(--line);padding-right:22px}.folder-panel h2{font-size:14px;color:var(--muted);margin-bottom:17px}.folder-link{display:flex;gap:10px;align-items:center;font-size:14px;color:#c3c9d2;padding:12px;margin-bottom:5px;border-radius:7px;overflow-wrap:anywhere}.selected{background:#2b3324;color:var(--accent)}.search{display:flex;gap:10px;margin-bottom:29px}.search input{margin:0;flex:1;min-width:0}.results-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.results-heading h2{margin:0;overflow-wrap:anywhere}.results-heading>span{font-size:14px;white-space:nowrap}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:23px}.video-card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:border-color .15s,transform .15s}.video-card:hover{color:var(--text);border-color:#7d9154;transform:translateY(-3px)}.video-cover{height:157px;background:linear-gradient(130deg,#313e48,#1b252e);position:relative;display:grid;place-items:center;overflow:hidden}.video-card:nth-child(3n+2) .video-cover{background:linear-gradient(130deg,#413d4e,#22232f)}.video-card:nth-child(3n+3) .video-cover{background:linear-gradient(130deg,#3c4532,#222b27)}.format{position:absolute;left:14px;top:13px;padding:2px 7px;background:#111820aa;color:#d6dce2;border-radius:4px;font-size:12px;letter-spacing:1px}.play-icon{display:grid;place-items:center;width:49px;height:49px;border:1px solid #ffffff60;border-radius:50%;background:#ffffff10;font-size:17px;padding-left:3px;z-index:1}.cover-lines{position:absolute;border:1px solid #ffffff0d;width:240px;height:240px;border-radius:50%;right:-75px;bottom:-150px;box-shadow:0 0 0 35px #ffffff03,0 0 0 70px #ffffff03}.video-info{padding:19px}.video-info h3{margin-bottom:7px;overflow-wrap:anywhere}.video-info p{color:var(--muted);font-size:14px;margin-bottom:17px;overflow-wrap:anywhere}.video-info>span{font-size:12px}.watch-label{float:right;color:var(--accent)}.empty{text-align:center;padding:65px 24px;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}.empty h2,.empty h1{color:var(--text)}.empty p{max-width:450px;margin:0 auto}.empty a{display:inline-block;margin-top:20px;color:var(--accent)}.empty-icon{display:block;font-size:55px;color:var(--accent);margin-bottom:16px}.auth-main{max-width:530px;padding-top:70px}.auth-card{background:var(--panel);padding:38px;border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:14px}.auth-card h1{font-size:33px;margin-top:20px}.auth-card .eyebrow{font-size:11px}.auth-card form{margin-top:28px}label{display:block;font-size:14px;font-weight:500;margin-bottom:20px}input,select{display:block;width:100%;background:#11151b;color:var(--text);padding:12px 13px;margin-top:8px;border:1px solid #454d58;min-height:46px}input::placeholder{color:#8993a1}.auth-card .hint{margin-top:23px;margin-bottom:0;font-size:13px}.notice{padding:15px 18px;border-radius:8px;margin-bottom:25px;border:1px solid}.success{background:#233424;border-color:#496448;color:#d6efd6}.error{background:#3b2527;border-color:#835057;color:#ffdadc}.notice ul{margin:8px 0}.panel{padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.narrow{max-width:580px}.admin-layout{display:grid;grid-template-columns:minmax(230px,330px) minmax(0,1fr);gap:25px}.user-list{align-self:start}.user-row{display:flex;gap:12px;align-items:center;padding:13px 9px;border-radius:7px;margin:5px -7px}.user-row>span:last-child{margin-left:auto}.user-row strong{font-size:14px;overflow-wrap:anywhere}.user-row small{display:block;color:var(--muted);font-size:12px}.avatar{background:#333c46;color:#dde6ef;border-radius:50%;display:grid;place-items:center;width:36px;height:36px;flex-shrink:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}fieldset{border:1px solid var(--line);border-radius:8px;margin:25px 0;padding:20px}legend{padding:0 9px;font-size:16px;font-weight:600}.check{display:flex;align-items:flex-start;gap:10px;margin:10px 0;overflow-wrap:anywhere}.check input{width:18px;height:18px;min-height:0;flex-shrink:0;margin:3px 0 0;accent-color:var(--accent)}.folder-tree{max-height:380px;overflow:auto;padding:4px}.player-shell{background:#000;border:1px solid var(--line);border-radius:12px;overflow:hidden}video{display:block;width:100%;max-height:72vh;aspect-ratio:16/9}.back{display:inline-block;color:var(--muted);margin-bottom:18px;font-size:14px}#player-status{margin-top:18px}footer{display:flex;justify-content:space-between;padding:20px 4vw;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.skip{position:absolute;top:-100px;left:15px;z-index:10;background:var(--accent);color:var(--ink);padding:12px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:1000px){.private-label{display:none}.topbar{flex-wrap:wrap}.library-layout{grid-template-columns:185px minmax(0,1fr);gap:22px}nav{gap:14px}.admin-layout{grid-template-columns:250px minmax(0,1fr)}}@media(max-width:720px){.topbar{padding:17px 5vw;gap:18px}.brand{font-size:22px}nav{margin:0;width:100%;gap:14px;flex-wrap:wrap;font-size:13px}nav .quiet{padding:6px 9px;font-size:12px}main{padding:28px 5vw 45px}.page-heading{align-items:flex-start;margin-bottom:26px;flex-wrap:wrap}.library-layout,.admin-layout{grid-template-columns:1fr}.folder-panel{border:0;border-bottom:1px solid var(--line);padding:0 0 14px;max-height:220px;overflow:auto}.folder-panel h2{margin-bottom:7px}.folder-link{display:inline-flex;margin:3px;padding:8px 10px}.video-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.search{gap:8px}.search button{font-size:13px;padding:10px}.results-heading{align-items:flex-start}.auth-main{padding-top:35px}.auth-card{padding:27px}.panel{padding:21px}.form-grid{grid-template-columns:1fr;gap:0}h1{letter-spacing:-.8px}.user-list{max-height:280px;overflow:auto}fieldset{padding:15px}footer span{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.download-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 18px;background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-bottom:10px}.download-toolbar .check{margin:0}.download-toolbar button{margin-left:auto}.download-toolbar>span{font-size:14px;color:var(--muted)}button:disabled{opacity:.5;cursor:not-allowed}.video-select{padding:12px 16px;margin:0;border-bottom:1px solid var(--line)}.video-open{display:block}.video-card:has(input:checked){border-color:var(--accent)}#download-status:empty{display:none}

.video-thumbnail{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-cover .format{z-index:2}.video-cover:has(.video-thumbnail:not([hidden])) .cover-lines{display:none}.video-cover:has(.video-thumbnail:not([hidden])) .play-icon{background:#0008;box-shadow:0 2px 12px #0005}.thumbnail-admin{margin:0 0 18px}.thumbnail-admin .hint{margin:10px 0}
