:root{color-scheme:dark;--bg:#111214;--surface:#1b1c1f;--text:#f4f4f5;--muted:#93959d;--line:#2a2b2f;--accent:#b8ed6b;--radius:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,select{cursor:pointer}button{color:inherit}button,a,input,select{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent)}button{border:0;background:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;left:20px;top:-60px;padding:12px;background:var(--accent);color:#111;z-index:100}.skip:focus{top:10px}.header{border-bottom:1px solid var(--line);background:#111214ed}.header-inner{max-width:1400px;margin:auto;min-height:90px;display:flex;align-items:center;gap:38px;padding:0 48px}.brand{font-size:34px;font-weight:800;letter-spacing:-1.5px;display:inline-flex;align-items:center;flex-shrink:0}.brand-icon{font-size:16px;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#111;background:var(--accent);margin-right:9px;letter-spacing:0;padding-left:2px}.brand-dot{color:var(--accent)}.search{display:flex;align-items:center;gap:12px;background:#222326;border:1px solid #303135;border-radius:11px;max-width:560px;flex:1;margin:auto;padding:11px 14px}.search:focus-within{border-color:#6a7b56}.search svg{width:19px;height:19px;stroke:#9c9da5;stroke-width:1.7;flex-shrink:0}.search input{width:100%;color:var(--text);background:none;border:0;outline:none;font-size:14px;min-width:0}.search input::placeholder{color:#898b95}.search kbd{border:1px solid #414249;color:#999ba3;border-radius:4px;padding:1px 6px;font-size:12px}.about-button{font-size:14px;white-space:nowrap;color:#b8bac2;padding:10px 0}.about-button span{margin-left:10px;color:var(--accent)}.main{max-width:1400px;margin:auto;padding:44px 48px 72px}.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2.2px;color:var(--accent);margin:0 0 13px}h1{font-size:clamp(30px,3.1vw,44px);font-weight:700;letter-spacing:-1.7px;line-height:1.15;margin:0}h1 span{color:var(--accent)}.intro-copy{font-size:14px;line-height:1.7;color:#9d9fa6;margin:14px 0 0}.selection-note{font-size:11px;color:#9699a0;display:flex;align-items:center;gap:8px;padding-bottom:5px;white-space:nowrap}.selection-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.filters{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:30px 0 26px;padding:3px 1px 8px}.filters::-webkit-scrollbar{display:none}.filter{background:#202124;border:1px solid #2c2d32;color:#b7b9c0;font-size:13px;border-radius:8px;padding:10px 17px;white-space:nowrap;transition:background .15s}.filter:hover{background:#303136;color:#fff}.filter.active{background:var(--text);color:#17181b;border-color:var(--text);font-weight:600}.featured{display:grid;grid-template-columns:1.58fr 1fr;gap:30px;margin-bottom:37px;background:#1b1c1f;border:1px solid #2d2e32;border-radius:16px;overflow:hidden}.featured-media{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#25272c}.featured-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.featured-media:hover img{transform:scale(1.025)}.featured-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0004,transparent 50%)}.play-circle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;border:1px solid #ffffff65;background:#1117;backdrop-filter:blur(8px);width:62px;height:62px;border-radius:50%;display:grid;place-items:center;padding-left:4px;font-size:21px}.feature-copy{display:flex;flex-direction:column;justify-content:center;padding:26px 28px 26px 0;align-items:flex-start}.feature-label{font-size:10px;color:var(--accent);letter-spacing:1.7px;font-weight:650;margin:0 0 16px}.feature-copy h2{font-size:clamp(19px,2.1vw,28px);line-height:1.28;letter-spacing:-.5px;font-weight:650;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.feature-meta{font-size:12px;line-height:1.7;color:#a4a6af;margin:0 0 25px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--accent);color:#15210b;border-radius:8px;padding:11px 17px;font-weight:650;font-size:13px}.primary:hover{background:#cafa85}.section-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:23px}.section-label{display:flex;align-items:center;gap:12px}.section-label h2{font-size:21px;letter-spacing:-.5px;font-weight:650;margin:0}.section-label>span{color:var(--muted);font-size:12px}.sort-label select{background:#111214;color:#a8aab3;border:0;font-size:12px;padding:6px 18px 6px 0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:23px;row-gap:31px}.card{display:block;min-width:0}.thumb{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#26282e}.thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}.card:hover .thumb img{transform:scale(1.035)}.card:hover h3{color:var(--accent)}.duration{position:absolute;bottom:9px;right:9px;background:#08090bd9;padding:4px 6px;border-radius:4px;font-size:11px;font-weight:600;line-height:1;z-index:2;font-variant-numeric:tabular-nums}.card-body{padding:13px 1px 0}.card h3{font-size:14px;line-height:1.45;font-weight:600;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .15s}.card-meta{font-size:11px;line-height:1.65;color:#9699a2}.card-author{color:#b3b5bd;display:block}.card-bottom{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.verified{color:#91949c;margin-left:4px;font-size:10px}.card-category{color:#8e919a}.card-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#6c707b;font-size:44px}.empty,.load-error{text-align:center;padding:70px 20px;color:var(--muted)}.empty>span{font-size:48px;color:#6e727d}.empty h3,.load-error h3{color:var(--text);font-size:20px}.empty p,.load-error p{font-size:14px;margin-bottom:24px}.loading{color:var(--muted);font-size:14px;padding:30px 0}.footer{max-width:1304px;margin:0 auto;border-top:1px solid var(--line);padding:27px 0 36px;display:flex;align-items:center;gap:35px}.brand.small{font-size:25px}.footer p{font-size:11px;line-height:1.8;color:#797d87;max-width:670px;margin:0}.footer button{margin-left:auto;white-space:nowrap;color:#aaaeb7;font-size:12px}.watch-dialog{width:min(1040px,calc(100% - 40px));padding:0;border:1px solid #34363b;border-radius:16px;background:#1b1c20;color:var(--text);max-height:94vh}.watch-dialog::backdrop,.about-dialog::backdrop{background:#000d;backdrop-filter:blur(6px)}.watch-top{padding:12px 17px 12px 24px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.8px;color:#90959f}.close{font-size:29px;line-height:1;width:35px;height:35px;border-radius:7px;font-weight:300;color:#b5b7bd}.close:hover{background:#34363b;color:#fff}.player{aspect-ratio:16/9;background:#000;position:relative}.player iframe{display:block;width:100%;height:100%;border:0}.watch-info{padding:23px 27px 25px}.watch-category{margin:0 0 9px;color:var(--accent);font-size:11px}.watch-info h2{font-size:23px;line-height:1.35;margin:0 0 8px;letter-spacing:-.4px}.watch-info>p{color:#a8aab3;font-size:13px}.watch-info>p.watch-category{color:var(--accent)}.watch-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}.secondary{padding:10px 14px;border-radius:8px;border:1px solid #44464d;font-size:12px}.secondary:hover{background:#303239}.watch-info .player-note{font-size:11px;color:#7e838d;margin-top:18px;margin-bottom:0}#share-status{font-size:12px;color:var(--accent)}.about-dialog{max-width:540px;width:calc(100% - 40px);padding:40px;border:1px solid #36383e;border-radius:16px;background:#1b1c20;color:var(--text)}.about-close{position:absolute;right:12px;top:12px}.about-dialog h2{font-size:32px;line-height:1.15;letter-spacing:-1px}.about-dialog p:not(.eyebrow){font-size:14px;color:#a6a9b2;line-height:1.75}.about-dialog p.about-small{font-size:12px;color:#818692}.noscript{padding:30px;background:#222;color:#ddd}[hidden]{display:none!important}
@media(min-width:1500px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.featured{grid-template-columns:1.25fr 1fr}.feature-copy{padding-left:10px}}
@media(max-width:1050px){.header-inner{padding:0 28px;gap:24px}.main{padding:34px 28px 50px}.selection-note{display:none}.featured{gap:23px}.feature-copy{padding:18px 20px 18px 0}.feature-copy h2{font-size:21px}.feature-meta{margin-bottom:16px}.feature-label{margin-bottom:10px}.footer{margin:0 28px}.grid{gap:25px 18px}}
@media(max-width:760px){.header-inner{flex-wrap:wrap;gap:14px;padding:19px 20px;min-height:0}.brand{font-size:30px}.brand-icon{width:29px;height:29px;font-size:13px}.about-button{margin-left:auto;font-size:12px}.search{order:3;max-width:none;flex-basis:100%;padding:11px 12px}.search kbd{display:none}.main{padding:29px 20px 45px}.eyebrow{font-size:9px;letter-spacing:1.8px}h1{font-size:33px;letter-spacing:-1.3px}.intro-copy{font-size:13px;max-width:330px;margin-top:12px}.filters{margin-top:22px;margin-bottom:20px;gap:7px}.filter{padding:9px 13px;font-size:12px}.featured{display:block;margin-bottom:29px}.feature-copy{padding:21px}.feature-copy h2{font-size:23px;line-height:1.3}.feature-meta{font-size:12px;margin-bottom:18px}.featured-media{aspect-ratio:16/9}.feature-label{font-size:9px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.card h3{font-size:13px}.card-meta{font-size:10px}.thumb{border-radius:9px}.section-bar{gap:9px;margin-bottom:18px}.section-label{gap:8px}.section-label h2{font-size:19px}.sort-label select{font-size:10px;max-width:155px}.footer{margin:0 20px;gap:17px;flex-wrap:wrap;padding:23px 0}.footer p{order:3;flex-basis:100%;font-size:10px}.footer button{font-size:11px}.watch-dialog{width:calc(100% - 16px);max-height:95dvh;border-radius:10px}.watch-top{padding:7px 10px 7px 15px}.watch-info{padding:19px}.watch-info h2{font-size:19px}.watch-actions{gap:8px}.primary{font-size:12px;padding:10px 14px}.about-dialog{padding:30px 25px}.about-dialog h2{font-size:29px}}
@media(max-width:430px){.grid{grid-template-columns:1fr;row-gap:25px}.card h3{font-size:15px}.card-meta{font-size:12px}.card-author{display:inline}.card-meta{display:flex;flex-wrap:wrap;gap:1px 8px}.card-bottom{font-size:11px}.card-category{display:none}.thumb{border-radius:11px}.duration{font-size:12px}.section-label>span{font-size:11px}}
.thumb img,.featured-media img{position:relative}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.shuffle-button{display:flex;align-items:center;gap:9px;white-space:nowrap;border:1px solid #3d4435;border-radius:9px;padding:11px 15px;color:var(--accent);font-size:12px;background:#1c2118}.shuffle-button:hover{background:#293321}.shuffle-button span{font-size:22px;line-height:1}@media(max-width:760px){.intro{align-items:flex-start;flex-direction:column;gap:17px}.shuffle-button{padding:9px 13px;font-size:12px}}

.feed-status{font-size:12px;color:var(--muted);margin:-7px 0 20px;line-height:1.6}.feed-status:empty{display:none}.shuffle-button:disabled,.filter:disabled{opacity:.55;cursor:wait}