:root{color-scheme:dark;font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#0b0c10;color:#f3f4f5}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.wrap{width:min(1280px,calc(100% - 56px));margin-inline:auto}header{background:#101115;border-bottom:1px solid #27282d}.top{min-height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;font-size:1.42rem;letter-spacing:-.065em;font-weight:850}.brand img{border-radius:11px}.bright{color:#edff69}.brand-dot{color:#edff69}.header-note{color:#a4a6ae;font-size:.86rem;font-weight:500}.status-dot{display:inline-block;width:8px;height:8px;background:#e8fd64;border-radius:50%;margin-right:6px;box-shadow:0 0 12px #dfff7777}.intro{margin:0;padding:62px 0 39px;position:relative}.intro:after{content:"";position:absolute;z-index:-1;top:22px;right:0;width:340px;height:240px;background:radial-gradient(ellipse,#b7d84a16,transparent 68%);pointer-events:none}.eyebrow,.section-kicker{font-weight:800;letter-spacing:.18em;font-size:.67rem;color:#d8ec6b}.eyebrow{margin-bottom:16px}.intro h1{font-size:clamp(2.55rem,5.5vw,4.7rem);line-height:1.06;letter-spacing:-.07em;margin:0 0 18px;font-weight:850}.intro h1 span{color:#edff69}.intro p{max-width:620px;color:#a9abb4;font-size:1rem;margin:0}.filters{display:grid;grid-template-columns:minmax(190px,2fr) minmax(160px,1fr) minmax(160px,1fr) 105px;gap:12px;align-items:end;background:#16171c;border:1px solid #2c2e35;padding:16px;border-radius:15px;margin-bottom:35px}.filters label{color:#b7b9c2;font-size:.69rem;font-weight:800;letter-spacing:.09em;display:grid;gap:9px}.filters input,.filters select,.filters button{width:100%;height:48px;border:1px solid #35363e;background:#22232a;border-radius:9px;padding:0 13px;color:#f5f6f7;font:inherit;font-size:.9rem;letter-spacing:0;font-weight:500}.filters input::placeholder{color:#858791}.filters button{background:#edff69;border-color:#edff69;color:#13150a;font-weight:800;cursor:pointer}.filters button:hover{background:#f6ff9c}.filters :is(input,select,button):focus-visible,.card a:focus-visible,.pages a:focus-visible,.category-pill:focus-visible{outline:2px solid #edff69;outline-offset:3px}.category-section{margin-bottom:47px}.category-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.category-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid #34363d;border-radius:99px;background:#1a1b20;padding:9px 14px;font-size:.81rem;color:#dedfe4;transition:background .2s,border-color .2s}.category-pill:hover{border-color:#9baf53;background:#242822}.category-pill.active{background:#edff69;color:#13150b;border-color:#edff69;font-weight:750}.category-pill span{font-size:.68rem;color:#999ca6}.category-pill.active span{color:#4b5326}.result-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:20px}.result-heading h2{font-size:1.55rem;letter-spacing:-.04em;margin:4px 0 0}.heading-arrow{color:#edff69;font-size:1.15rem}.results{color:#9da0a9;font-size:.81rem;white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 15px}.card{min-width:0}.card a{display:block;border-radius:10px}.card a:hover h2{color:#edff69}.card a:hover .thumb img{transform:scale(1.045)}.thumb{aspect-ratio:16/9;background:#24252b;position:relative;overflow:hidden;display:grid;place-items:center;border-radius:10px}.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.no-image{font-size:.83rem;color:#90929c;text-align:center;padding:12px}.play{position:absolute;left:12px;bottom:12px;display:grid;place-items:center;background:#edff69;color:#171a0d;border-radius:50%;width:35px;height:35px;font-size:.75rem;padding-left:2px}.source-badge{position:absolute;right:9px;top:9px;background:#101116cf;color:#f8f8f8;padding:4px 8px;border-radius:5px;font-size:.65rem;font-weight:800;letter-spacing:.035em;text-transform:uppercase}.info{padding:11px 2px}.card h2{font-size:.91rem;line-height:1.42;margin:0 0 7px;font-weight:650;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-hint,small{font-size:.76rem;color:#a0a3ac}.video-hint span{color:#e5f569}small{display:block;margin-top:4px}.empty{grid-column:1/-1;min-height:230px;padding:62px 20px;border:1px dashed #42444c;border-radius:14px;text-align:center;color:#a9abb4;background:#14151a}.empty h2{color:#f1f2f4;margin:0 0 7px}.empty p{margin:0}.pages{display:flex;justify-content:center;gap:16px;margin:36px 0}.pages a{padding:10px 16px;background:#25262d;border-radius:8px}footer{border-top:1px solid #2a2b31;margin-top:80px;padding:27px 0;color:#999ca6;font-size:.8rem}.footer-content{display:flex;justify-content:space-between;gap:16px}footer a{color:#e6edb4}footer a:hover{text-decoration:underline}@media(max-width:960px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filters{grid-template-columns:1fr 1fr}.filters button{align-self:end}}@media(max-width:650px){.wrap{width:calc(100% - 28px)}.top{min-height:66px}.brand{font-size:1.26rem}.brand img{width:35px;height:35px}.header-note{display:none}.intro{padding:39px 0 28px}.intro p{font-size:.9rem}.filters{grid-template-columns:1fr 1fr;gap:10px;padding:12px;margin-bottom:28px}.search-label,.filters button{grid-column:1/-1}.filters label{font-size:.64rem}.filters select{font-size:.78rem;padding:0 8px}.category-section{margin-bottom:36px}.category-list{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.category-pill{white-space:nowrap}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}.card h2{font-size:.82rem}.source-badge{font-size:.59rem}.result-heading h2{font-size:1.31rem}.footer-content{flex-direction:column}.empty{min-height:180px;padding:45px 14px}}
.filters{margin-top:24px;margin-bottom:25px}.category-section{margin-bottom:30px}.result-heading{margin-bottom:16px}.result-heading .section-kicker{display:none}.result-heading h2{font-size:1.38rem}.grid{gap:21px 15px}@media(max-width:650px){.filters{margin-top:14px;margin-bottom:19px}.category-section{margin-bottom:20px}.result-heading h2{font-size:1.17rem}.grid{gap:16px 10px}}
