:root{font-family:'Segoe UI','Nirmala UI',system-ui,sans-serif;color:#e9edf3;background:#0d0f13;color-scheme:dark;--muted:#929baa;--line:#292e37;--accent:#bef264;--panel:#16191f}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid transparent;border-radius:8px;padding:11px 16px;min-height:44px;font-size:13px;font-weight:600;transition:background .18s,transform .18s}button:hover{transform:translateY(-1px)}button:disabled{opacity:.55;cursor:wait}.primary{background:var(--accent);color:#1b2b0c}.primary:hover{background:#d0f790}.secondary{background:#242932;border-color:#373e49;color:#e0e6ef}.icon-button{background:transparent;color:var(--muted);font-size:23px;padding:6px;min-width:44px}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}aside{background:#121419;padding:32px 20px 20px;border-right:1px solid var(--line);position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;align-items:center;font-size:23px;letter-spacing:-.8px;font-weight:700}.brand>span{font-weight:400;color:#a1aab8}.brand>b{display:grid;place-items:center;background:var(--accent);color:#1e2a10;border-radius:10px;width:33px;height:35px;margin-right:10px;transform:rotate(-6deg)}.workspace,.profile{display:flex;align-items:center;gap:10px}.workspace{border:1px solid var(--line);border-radius:9px;padding:12px 10px;margin:36px 0 32px}.avatar{width:32px;height:34px;background:#292e37;border:1px solid #3d444e;border-radius:8px;display:grid;place-items:center;font-size:13px;flex-shrink:0}.workspace strong,.profile strong{font-size:11px}.workspace small,.profile small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.eyebrow{font-size:10px;letter-spacing:1.7px;color:var(--muted);font-weight:600}.nav-label{margin:0 12px 16px}nav{display:grid;gap:6px}nav a{display:flex;align-items:center;gap:11px;padding:13px 12px;border-radius:8px;font-size:13px;color:#adb6c4}nav a>span{font-size:21px;width:20px}nav a.selected{background:#bef26412;color:#c8e5a3}nav a:hover{background:#242a30}nav b{margin-left:auto;background:#ffffff0b;padding:2px 6px;border-radius:4px;font-size:10px}.sidebar-note{margin-top:auto;padding:30px 12px}.sidebar-note>strong{font-size:34px;font-weight:300;color:#bac8a7}.sidebar-note>strong span{font-size:17px}.sidebar-note h3{font-size:13px;font-weight:500}.sidebar-note p{font-size:11px;line-height:1.9;color:var(--muted)}.profile{border-top:1px solid var(--line);padding-top:18px}.profile button{margin-left:auto}.content{min-width:0}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}header strong{font-weight:500;color:#d5dce6}header div>span{margin:0 15px}.private-badge{font-size:9px;letter-spacing:1px;color:#bdcda9;padding:7px 10px;border:1px solid var(--line);border-radius:6px}main{max-width:1500px;margin:auto;padding:36px 40px 0}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}h1{font-size:34px;line-height:1.4;font-weight:650;letter-spacing:-.8px;margin:9px 0 5px}.accent{color:var(--accent)}p{color:var(--muted);font-size:13px;line-height:1.8}.heading p{margin:0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:12px;background:var(--panel);margin-bottom:32px;overflow:hidden}.stats article{padding:20px 22px;border-right:1px solid var(--line)}.stats article:last-child{border:0}.stats article>span{display:flex;justify-content:space-between;font-size:12px;color:#aeb6c3}.stats i{font-size:19px;color:#909e7e;font-style:normal}.stats strong{display:block;font-size:29px;font-weight:550;letter-spacing:-.8px;margin:9px 0 4px}.stats em{font-style:normal;font-size:16px;font-weight:400}.stats small{font-size:11px;color:#8e97a5}.toolbar,.section-title,.filters{display:flex;align-items:center;gap:12px}.toolbar{justify-content:space-between;margin-bottom:16px}h2{font-size:18px;font-weight:600;margin:0}.counter{font-size:11px;background:#282e37;border:1px solid #39414b;border-radius:5px;padding:2px 7px;color:#c0cbd8}input,select{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:11px 13px;color:#e6edf5;font-size:12px;min-height:44px}.filters input{width:210px}.collection-caption{display:flex;justify-content:space-between;font-size:10px;color:#8995a3;margin-bottom:17px}.collection-caption>span:first-child{color:#b0bf9c}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;min-height:270px}.video-card{background:#171b22;border:1px solid #2d343e;border-radius:12px;overflow:hidden;transition:transform .2s,border-color .2s}.video-card:hover{transform:translateY(-3px);border-color:#75875b}.art{position:relative;aspect-ratio:16/9;background:radial-gradient(ellipse at 15% 0,#62775180,transparent 65%),linear-gradient(140deg,#2c3b34,#19202a);display:grid;place-items:center;overflow:hidden;border-bottom:1px solid var(--line)}.art:before,.art:after{content:'';position:absolute;width:70%;height:160%;border:1px solid #e5f0d016;border-radius:50%;transform:rotate(35deg);left:-20%}.art:after{left:40%;top:30%;width:90%}.art-word{position:absolute;bottom:12px;left:16px;font-size:28px;font-weight:700;letter-spacing:5px;color:#d8e7c72b}.quality{position:absolute;right:12px;top:12px;font-size:10px;border:1px solid #ffffff20;background:#0f1620c9;padding:4px 7px;border-radius:5px}.play-circle{position:relative;z-index:1;border-radius:50%;width:48px;height:48px;padding:0;background:#d0ecb0;color:#1a2816;font-size:20px}.video-body{padding:17px}.video-topline{display:flex;justify-content:space-between;color:#b2cd91;font-size:10px;letter-spacing:.8px;margin-bottom:9px}.video-card h3{font-size:17px;line-height:1.5;font-weight:600;margin:0 0 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.video-meta{font-size:12px;margin:0 0 15px}.video-bottom{border-top:1px solid var(--line);padding-top:13px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#a4afbf;gap:8px}.time-left{color:#c6d6b0}.empty{grid-column:1/-1;border:1px dashed #3a424e;border-radius:12px;padding:45px 24px;text-align:center;color:var(--muted);display:grid;place-content:center}.empty strong{font-size:18px;color:#d3dce9}.lower-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:20px;margin-top:30px}.panel{background:#14171d;border:1px solid var(--line);border-radius:12px;padding:23px;min-width:0}.panel h2{margin-top:7px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading button{font-size:12px}#connection{font-size:12px}.job{display:flex;gap:12px;align-items:center;padding:17px 0;border-top:1px solid var(--line)}.job-symbol{width:32px;height:32px;display:grid;place-items:center;background:#bef26412;color:#c0dba0;border-radius:8px;flex-shrink:0}.job-text{min-width:0;flex:1}.job-title{display:block;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.job-detail{display:block;font-size:11px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.status-pill{font-size:10px;padding:4px 8px;background:#bef26412;color:#c6ddab;border-radius:5px;white-space:nowrap}.warning{color:#f3cc8b;background:#f3cc8b10}.service-row{display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}.service-icon{width:36px;height:36px;background:#32291f;border:1px solid #584631;color:#f1c07b;border-radius:9px;display:grid;place-items:center;font-size:12px;font-weight:700}.telegram{background:#1d303f;border-color:#2f4658;color:#96c5e9;font-size:20px}.service-row strong{font-size:12px}.service-row small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.full{width:100%;margin-top:18px;font-size:12px}.service-note{font-size:11px;margin-bottom:0}footer{display:flex;justify-content:space-between;padding:27px 0;color:#85919f;font-size:10px;gap:12px}footer>span:first-child{letter-spacing:1px}.login{max-width:460px;margin:8vh auto;padding:35px}.login .brand{margin-bottom:40px}.login h1{font-size:30px}.login label{display:block;font-size:13px;margin:20px 0}.login input{display:block;width:100%;margin-top:8px}.login .primary{width:100%;margin-top:10px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:14px 24px;border:1px solid #657a4e;border-radius:10px;background:#29352a;color:#e4edda;box-shadow:0 10px 35px #0008;z-index:10;max-width:90vw}dialog{width:min(980px,95vw);background:var(--panel);border:1px solid #414b59;border-radius:14px;padding:18px}dialog::backdrop{background:#000c;backdrop-filter:blur(6px)}.player-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.player-head strong{font-size:15px;overflow-wrap:anywhere}video{width:100%;max-height:75vh;display:block;margin-top:10px;background:#000;border-radius:8px}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:24px}@media(min-width:1700px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1150px){.shell{grid-template-columns:210px minmax(0,1fr)}.brand{font-size:20px}main{padding:28px 24px 0}header{padding:0 24px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats article{padding:17px 14px}.stats small{font-size:10px}.lower-grid{grid-template-columns:1fr}}@media(max-width:780px){.shell{display:block}aside{position:static;height:auto;flex-direction:row;align-items:center;padding:16px 20px;gap:15px;border-right:0;border-bottom:1px solid var(--line)}.workspace,.nav-label,.sidebar-note,.profile,header{display:none}nav{display:flex;margin-left:auto}nav a{font-size:0;padding:9px;gap:0}nav a>span{font-size:22px}nav b{display:none}main{padding:26px 20px 0}h1{font-size:28px}.heading{align-items:flex-start}.heading .primary{font-size:12px}.heading p{max-width:270px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats article:nth-child(2){border-right:0}.stats article:nth-child(-n+2){border-bottom:1px solid var(--line)}.toolbar{align-items:flex-start;flex-direction:column}.filters{width:100%}.filters input{min-width:0;flex:1}.grid{gap:12px}.video-body{padding:13px}.video-card h3{font-size:15px}.login{margin:6vh 18px;max-width:none}footer{font-size:9px}}@media(max-width:480px){.heading{flex-direction:column;gap:16px}.heading .primary{width:100%}.grid{grid-template-columns:1fr}.art{aspect-ratio:1.9}.panel{padding:18px}.video-card h3{font-size:18px}.stats small{font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* Comfortable reading scale for desktop and large displays. */
:root{--muted:#b0bac8}
main{max-width:2200px;padding:40px clamp(24px,3vw,72px) 0}
.shell{grid-template-columns:280px minmax(0,1fr)}
aside{padding:32px 22px 22px}
.brand{font-size:27px}
.workspace strong,.profile strong{font-size:14px}
.workspace small,.profile small{font-size:13px}
.workspace{padding:15px 12px}
.avatar{width:40px;height:42px;font-size:16px}
nav a{font-size:16px;min-height:54px}
nav b{font-size:13px}
.eyebrow{font-size:12px}
header{font-size:15px;height:86px}
.private-badge{font-size:12px}
h1{font-size:42px}
h2{font-size:24px}
p,.heading p{font-size:16px}
button,input,select,.filters select{font-size:16px;min-height:48px}
.filters input{width:280px;font-size:16px}
.stats article{padding:25px 28px}
.stats article>span{font-size:16px}
.stats strong{font-size:38px;margin:13px 0 8px}
.stats small{font-size:14px;color:#aeb8c6}
.stats em{font-size:21px}
.collection-caption{font-size:14px}
.counter{font-size:14px}
.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:24px}
.video-body{padding:22px}
.video-card h3{font-size:23px}
.video-topline{font-size:12px}
.video-meta{font-size:16px}
.video-bottom{font-size:14px}
.quality{font-size:13px}
.play-circle{width:62px;height:62px;font-size:25px}
.panel{padding:28px}
.panel-heading button,.full{font-size:15px}
#connection{font-size:15px}
.job-title{font-size:16px}
.job-detail{font-size:14px}
.status-pill{font-size:13px}
.job-symbol{width:40px;height:40px}
.service-row strong{font-size:16px}
.service-row small,.service-note{font-size:14px}
.service-icon{width:44px;height:44px;font-size:15px}
.sidebar-note h3{font-size:16px}
.sidebar-note p{font-size:14px}
footer{font-size:13px}
.login{max-width:520px}
.login p,.login label,.login input{font-size:16px}
.player-head strong{font-size:18px}
@media(min-width:2200px){main{max-width:2500px}h1{font-size:48px}.heading p{font-size:18px}.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.video-card h3{font-size:26px}.video-meta{font-size:18px}.video-bottom{font-size:16px}}
@media(max-width:1200px){.shell{grid-template-columns:250px minmax(0,1fr)}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats article:nth-child(2){border-right:0}.stats article:nth-child(-n+2){border-bottom:1px solid var(--line)}.toolbar{align-items:flex-start;flex-wrap:wrap}.heading{align-items:flex-start}.stats article{padding:22px}}
@media(max-width:780px){.shell{display:block}aside{padding:16px}.brand{font-size:23px}nav a{font-size:0;min-height:48px}main{padding:26px 20px 0}.heading{flex-direction:column;gap:18px}h1{font-size:34px}.stats article>span{font-size:14px}.stats strong{font-size:30px}.stats small{font-size:13px}.filters{flex-wrap:wrap}.filters input{width:100%;flex:1;min-width:140px}.collection-caption{font-size:12px}.panel{padding:22px}.video-card h3{font-size:22px}footer{font-size:11px}.sidebar-note{display:none}}

/* Editorial workspace: high-contrast light canvas with a dark navigation rail. */
:root{color-scheme:light;color:#182638;background:#edf1f7;--muted:#53647b;--line:#d7dfeb;--accent:#2463eb;--panel:#fff}
body{caret-color:transparent}
input,textarea,[contenteditable="true"]{caret-color:#2463eb}
.shell{grid-template-columns:270px minmax(0,1fr)}
aside{background:#142338;color:#e7eef9;border-color:#263a53}
aside .brand>span{color:#b8c7dd}
.brand>b{background:#3c7bff;color:white;transform:none;box-shadow:0 5px 15px #2563eb25}
.workspace{background:#1e314a;border-color:#354a65}
.workspace small,.profile small,aside .eyebrow{color:#b7c8dd}
.avatar{background:#294260;color:#fff;border-color:#415d7b}
nav a{color:#c2d0e3;border-radius:10px}
nav a.selected{background:#2c67dc;color:white;box-shadow:0 6px 18px #050d192a}
nav a:hover{background:#294565;color:white}
nav b{background:#ffffff22}
.sidebar-note{border-top:1px solid #32465d;margin-top:auto}
.sidebar-note>strong{color:#82b3ff}
.sidebar-note p{color:#b8c7d8}
.profile{border-color:#32465d}
.icon-button{color:#5d6d81}
aside .icon-button{color:#c9d8ea}
header{background:#fff;border-color:var(--line);color:#607087}
header strong{color:#263a54}
.private-badge{color:#23643e;background:#edf8f0;border-color:#c8e7d2;font-size:12px}
main{max-width:none;padding:32px clamp(24px,2.5vw,72px) 0}
.heading{padding:30px 34px;background:linear-gradient(110deg,#fff 20%,#edf4ff);border:1px solid #d4e0f2;border-radius:18px;box-shadow:0 4px 15px #243d6305;margin-bottom:24px}
h1{font-size:40px;margin-top:8px;color:#192d48}
.heading .eyebrow{color:#396bc0}
h2{color:#243a56}
.primary{background:#2463eb;color:#fff;box-shadow:0 4px 10px #2463eb25;border:1px solid #2463eb}
.primary:hover{background:#174fc5}
.secondary{background:#fff;color:#294363;border-color:#c6d3e4}
.secondary:hover{background:#edf3fd}
.stats{background:transparent;border:0;border-radius:0;gap:18px;overflow:visible;margin-bottom:30px}
.stats article,.stats article:last-child{background:#fff;border:1px solid var(--line);border-radius:13px;padding:24px;box-shadow:0 3px 8px #1e355407}
.stats article>span{color:#53657e;font-size:16px}
.stats i{color:#4678c8}
.stats strong{color:#1b3455;font-size:36px}
.stats small{color:#63738a;font-size:14px}
input,select{background:#fff;color:#20364f;border-color:#c6d2e1;box-shadow:0 1px 3px #182d4710}
input::placeholder{color:#6c7b90}
.filters input{width:320px}
.counter{background:#e1ebfd;color:#315fb1;border-color:#c8d9f6}
.collection-caption{color:#61718a}
.collection-caption>span:first-child{color:#3f668f}
.grid{grid-template-columns:repeat(auto-fill,minmax(300px,420px));min-height:0;gap:22px}
.video-card{background:#fff;border-color:#d0dceb;box-shadow:0 5px 16px #263e5e0b}
.video-card:hover{border-color:#7399d4;box-shadow:0 9px 24px #263e5e18}
.art{aspect-ratio:16/8;background:radial-gradient(ellipse at 10% 0,#698eb4,transparent 70%),linear-gradient(140deg,#304d75,#13263f);border-color:#c8d6e8}
.art-word{color:#ffffff25}
.play-circle{background:#fff;color:#245bd2;box-shadow:0 4px 20px #10244645}
.quality{background:#13283fd9;color:#fff;border-color:#728ca754}
.video-topline{color:#317455}
.video-card h3{color:#203c61;font-size:23px}
.video-meta{color:#62748d;font-size:16px}
.video-bottom{color:#50647f;border-color:#e1e7ef}
.time-left{background:#fff5df;color:#8b6015;border-radius:5px;padding:4px 7px;font-size:13px}
.panel{background:#fff;border-color:var(--line);box-shadow:0 3px 12px #1b355508}
.lower-grid{margin-top:28px;grid-template-columns:minmax(0,1.8fr) minmax(340px,1fr)}
.job-title{color:#263e5e}
.job-detail{color:#63738a}
.job-symbol{background:#e9f6ed;color:#257348}
.status-pill{background:#e7f6ec;color:#246c43;font-size:13px}
.status-pill.warning{background:#fff2d8;color:#8b6015}
.service-icon{background:#fff3e0;color:#94601d;border-color:#efd8b0}
.service-icon.telegram{background:#e6f2ff;color:#286fa8;border-color:#c5def2}
.service-row small,.service-note{color:#60728a}
footer{color:#61718a;padding-bottom:24px}
.empty{background:#fff;border-color:#c3d1e2;color:#607089}
.empty strong{color:#2e4566}
.login{background:#fff}
.toast{background:#edf6ff;border-color:#9fc0ec;color:#214e84}
dialog{background:#fff;border-color:#a6b9d1}
.player-head{color:#213b5c}
:focus-visible{outline:3px solid #3776ec;outline-offset:3px}
@media(min-width:2200px){main{max-width:2700px;margin:0 auto}.grid{grid-template-columns:repeat(auto-fill,minmax(360px,450px))}h1{font-size:46px}.heading p{font-size:18px}}
@media(max-width:1200px){.shell{grid-template-columns:250px minmax(0,1fr)}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats article:nth-child(2),.stats article:nth-child(-n+2){border:1px solid var(--line)}.lower-grid{grid-template-columns:1fr}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.heading{padding:24px}}
@media(max-width:780px){.shell{display:block}main{padding:20px 16px 0}aside{border-bottom-color:#32465d}.heading{padding:22px}.heading h1{font-size:32px}.stats{gap:12px}.stats article{padding:18px}.stats article>span{font-size:14px}.stats strong{font-size:28px}.stats small{font-size:12px}.filters input{width:100%;min-width:140px}.grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.lower-grid{grid-template-columns:1fr}.panel{padding:21px}}

.link-panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:22px 26px;margin-bottom:24px}
.link-panel label{font-size:20px;font-weight:650;color:#243a56}
.link-panel p{margin:6px 0 14px;font-size:14px}
.link-controls{display:flex;gap:12px}
.link-controls input{flex:1;min-width:0;font-size:16px}
#linkStatus{margin:12px 0 0;color:#315e97}
#linkStatus:empty{display:none}
@media(max-width:780px){.link-controls{flex-direction:column}.link-panel{padding:20px}.link-controls button{width:100%}}

.notification-panel{margin:32px 0;scroll-margin-top:24px}.notification-panel input{width:min(100%,540px)}.notification-row{padding:20px 0;border-bottom:1px solid #dce3eb;display:grid;gap:9px}.notification-row h3{font-size:19px;margin:0}.notification-link{color:#165ec9;overflow-wrap:anywhere;line-height:1.6}.notification-row small{color:#52627a}.notification-pages{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px}.notification-pages button:disabled{opacity:.45;cursor:default}

#notificationList{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:24px}.notification-row{display:block;padding:0;border:1px solid #dce3eb;border-radius:16px;overflow:hidden;background:#fff;align-self:start}.notification-row>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.notification-body{padding:22px;display:grid;gap:14px}.notification-body h3{font-size:22px;line-height:1.35}.notification-platform{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#1765cd;font-weight:700}.notification-details{display:grid;grid-template-columns:100px 1fr;gap:8px 12px;margin:0;font-size:15px;line-height:1.5}.notification-details dt{color:#66748a}.notification-details dd{margin:0;color:#17243c;font-weight:500}.notification-link{font-size:14px}.notification-body small{font-size:12px}

.art .video-thumbnail{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.art .quality,.art .play-circle{z-index:2}.art:has(.video-thumbnail:not([hidden])) .art-word{display:none}

.video-platform{display:inline-block;margin:0 0 14px;padding:5px 10px;border-radius:6px;background:#edf3ff;color:#2754a2;font-size:14px;font-weight:600;line-height:1.5}