:root{color-scheme:dark;--bg:#0b1017;--surface:#131b27;--muted:#8c9caf;--line:#233042;--accent:#39d6d4;--text:#edf3fa;font-family:Segoe UI,Arial,sans-serif;font-size:16px}
*{box-sizing:border-box}body{margin:0;color:var(--text);background:radial-gradient(ellipse at 90% 0%,#13232e 0,transparent 40%),var(--bg);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.topbar{height:78px;border-bottom:1px solid #233042a0;padding:0 max(32px,calc((100vw - 1664px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;background:#0b111bc9}.brand{display:flex;gap:14px;align-items:center;font-size:18px;letter-spacing:1.5px;font-weight:800}.brand-light{font-weight:400;color:var(--muted);font-size:14px;letter-spacing:2px}.mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#50e4ce,#699df5);color:#0b1921;font-size:17px;padding-left:2px}.topbar-right{display:flex;align-items:center;gap:26px}.archive-label{font-size:12px;letter-spacing:2px;color:var(--muted)}.icon-button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:transparent;color:#b6c6d8;font-size:17px}.icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.icon-button:hover{border-color:var(--accent);color:var(--accent)}.icon-button:disabled{opacity:.4}
main{max-width:1664px;margin:0 auto;padding:37px 32px 70px}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}.eyebrow{margin:0 0 9px;color:var(--accent);letter-spacing:2px;font-size:12px;font-weight:600}h1{font-size:clamp(28px,3vw,38px);letter-spacing:-1.2px;line-height:1.2;font-weight:600;margin:0}.summary{margin:0 0 4px;font-size:14px;color:var(--muted)}.sources{display:flex;gap:9px;align-items:center;margin-bottom:24px;flex-wrap:wrap}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 15px;border-radius:8px;border:1px solid transparent;background:transparent;color:#a9b8cb;font-size:14px;font-weight:500;white-space:nowrap}.nav-item span{font-size:12px;padding:2px 6px;background:#233044;color:#b7c6d6;border-radius:4px;min-width:22px;font-weight:400}.nav-item:hover{background:#15202d;color:white}.nav-item.active{color:#56e2dc;border-color:#2e6269;background:#12313a}.nav-item.active span{background:#20505b;color:#87f3ec}
.toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:0 0 22px;border-bottom:1px solid var(--line)}.search{position:relative;width:min(460px,50%)}.search svg{position:absolute;left:14px;top:14px;width:18px;height:18px;fill:none;stroke:#8295ac;stroke-width:1.6;stroke-linecap:round;pointer-events:none}input,select{color:var(--text);border:1px solid var(--line);border-radius:8px;background:#121b28;font-size:14px;height:46px;padding:0 13px;min-width:0}.search input{width:100%;padding-left:42px}input::placeholder{color:#8e9cb1}input:focus,select:focus{border-color:#468287}.filter-controls{display:flex;align-items:center;gap:10px}.filter-controls input{width:160px}.filter-controls select{width:145px}.clear-button{border:0;background:transparent;color:#8b9eb3;width:38px;height:38px;border-radius:7px;font-size:18px}.clear-button:hover{background:#233042;color:white}.library-meta{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:23px 0 19px}.library-meta p{margin:0;font-size:14px}#results-label{font-weight:600;color:#b9c9dc}#scan{font-size:12px;color:#8292a7;text-align:right}
.grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:29px 18px}.card{align-self:start;display:block;min-width:0;width:100%;padding:0;background:transparent;border:0;text-align:left;border-radius:11px}.visual{width:100%;aspect-ratio:9/16;position:relative;overflow:hidden;display:grid;place-items:center;background:linear-gradient(150deg,#253b4e,#192532);border-radius:10px;border:1px solid #263546;isolation:isolate;box-shadow:0 6px 20px #0002}.visual img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .24s ease}.visual::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#080d18b0);pointer-events:none;z-index:1}.placeholder{font-size:45px;color:#527789}.duration{position:absolute;bottom:12px;right:11px;z-index:2;padding:4px 6px;border-radius:4px;background:#0a101adb;backdrop-filter:blur(8px);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.source-tag{position:absolute;left:10px;top:10px;z-index:2;padding:5px 7px;background:#0d1721c9;color:#e2ebf3;border:1px solid #ffffff20;border-radius:5px;font-size:12px;backdrop-filter:blur(8px)}.play{position:absolute;inset:0;display:grid;place-items:center;background:#08101b33;opacity:0;transition:opacity .2s;z-index:2}.play span{display:grid;place-items:center;width:54px;height:54px;background:#d7fff0eb;border-radius:50%;color:#15333a;font-size:25px;padding-left:3px;box-shadow:0 4px 20px #0003}.card:hover .play,.card:focus-visible .play{opacity:1}.card:hover .visual img{transform:scale(1.035)}.card:hover .visual{border-color:#79dfd0}.card h2{font-size:16px;line-height:1.4;margin:12px 0 4px;font-weight:600;letter-spacing:-.2px}.card p{font-size:14px;line-height:1.4;color:var(--muted);margin:0;font-variant-numeric:tabular-nums}.card .unsupported{font-size:12px;color:#dcbb7d;margin-top:6px}.card .filename{display:none}.outline{padding:12px 22px;color:#c9d9e8;background:#172431;border:1px solid #304556;border-radius:8px;font-size:14px}.outline:hover{border-color:var(--accent);color:var(--accent)}.more{display:block;margin:35px auto 0}.warning{padding:14px 18px;color:#e9cc95;border:1px solid #6b5534;background:#342b1e;border-radius:8px;font-size:14px;line-height:1.6}.empty{padding:65px 20px;text-align:center;max-width:520px;margin:auto;color:var(--muted);line-height:1.7}.empty-symbol{font-size:60px;color:var(--accent)}.empty h2{color:var(--text);font-size:22px}
dialog{width:min(1050px,95vw);padding:20px;border:1px solid #35485b;background:#101923;border-radius:14px;color:var(--text);max-height:94vh;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#050a11ec;backdrop-filter:blur(8px)}.player-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.player-head h2{font-size:22px;letter-spacing:-.4px;margin:0}.player-head p{margin:7px 0 0;font-size:14px;color:var(--muted)}.player-head .icon-button{flex-shrink:0}video{display:block;width:100%;max-height:74vh;background:black;border-radius:8px}[hidden]{display:none!important}
@media(max-width:1450px){.grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:1180px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}.topbar,main{padding-left:26px;padding-right:26px}}@media(max-width:980px){.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 15px}.page-heading{align-items:start;flex-direction:column;gap:12px}.toolbar{gap:12px}.search{width:auto;flex:1}.filter-controls input{width:150px}}@media(max-width:720px){.topbar{height:67px;padding:0 18px}.archive-label{display:none}.brand{font-size:16px;gap:10px}.brand-light{font-size:12px;letter-spacing:1px}.mark{width:32px;height:32px}main{padding:28px 18px 50px}.page-heading{gap:10px;margin-bottom:20px}h1{font-size:29px}.sources{gap:6px;margin-bottom:20px}.nav-item{padding:9px 11px;font-size:14px;gap:7px}.toolbar{flex-wrap:wrap;gap:10px;padding-bottom:18px}.search{flex-basis:100%;width:100%}.filter-controls{width:100%}.filter-controls label{flex:1;min-width:0}.filter-controls input,.filter-controls select{width:100%}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 12px}.library-meta{margin:19px 0 17px}.card h2{font-size:15px}.card p{font-size:14px}.source-tag{font-size:12px;left:7px;top:7px;padding:4px 5px}.duration{bottom:8px;right:7px;font-size:12px}.player-head h2{font-size:19px}dialog{padding:15px}}@media(max-width:520px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.brand-light{font-size:11px}.sources{display:grid;grid-template-columns:1fr 1fr}.nav-item{justify-content:space-between}.library-meta{align-items:start}#scan{max-width:46%;line-height:1.5}.visual{border-radius:9px}.page-heading h1{font-size:29px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}