:root{color-scheme:dark;--bg: #0b0b0b;--panel: #141414;--panel-2: #101010;--text: #e5e7eb;--muted: rgba(229, 231, 235, .72);--border: rgba(255, 255, 255, .14);--chip-bg: rgba(255, 255, 255, .06);--accent: #00e5ff;--accent-2: #7af3ff}html,body{margin:0;padding:0;scrollbar-gutter:stable;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji"}*,*:before,*:after{box-sizing:border-box}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at top,rgba(0,229,255,.06),transparent 55%),linear-gradient(180deg,#0b0b0b,#070707)}.app-main{flex:1 1 auto;display:flex;flex-direction:column}.top-chrome{width:100%}.page-shell{width:100%;max-width:1320px;margin:0 auto;padding:18px 16px 8px}.page-shell.page-shell--tight{padding-top:6px}.app-route-fallback{min-height:40vh}@media(max-width:768px){.top-chrome{position:sticky;top:0;z-index:40;transition:transform .2s ease,opacity .2s ease;will-change:transform,opacity}.top-chrome.top-chrome--hidden{transform:translateY(-110%);opacity:0;pointer-events:none}}.header{padding:12px 16px;background:radial-gradient(circle at 20% 10%,rgba(0,229,255,.1),transparent 55%),radial-gradient(circle at 80% 0%,rgba(255,255,255,.06),transparent 50%),linear-gradient(180deg,#121212fa,#080808f2);border-bottom:1px solid var(--border);display:flex;justify-content:center}.search-header{display:flex;justify-content:space-between;align-items:center;gap:14px;width:100%;max-width:1320px}.logo{color:var(--text);font-size:1.6rem;margin:0;line-height:1;letter-spacing:-.02em;text-shadow:0 1px 0 rgba(0,0,0,.8),0 10px 30px rgba(0,0,0,.55)}.header .search-input{width:min(42rem,100%);max-width:100%;height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff0f;color:var(--text);transition:box-shadow .16s ease,border-color .16s ease,background .16s ease}.header .search-input:focus{border-color:#00e5ffb3;box-shadow:0 0 0 3px #00e5ff33,0 0 26px #00e5ff24;outline:none;background:#ffffff14}.site-logo{text-decoration:none;color:inherit}.site-logo__accent{margin-left:2px;padding:2px 6px;border-radius:4px;background:var(--accent);color:#061216;font-weight:900;box-shadow:0 0 0 1px #00e5ff59,0 10px 26px #00e5ff2e}@media(max-width:768px){.header{padding:10px 12px}.search-header{gap:10px}.header .search-input{width:100%}}@media(max-width:600px){.search-header{flex-direction:column;align-items:stretch;gap:10px;max-width:560px}.logo{width:100%;font-size:1.5rem;text-align:center}.header .search-input{height:42px}}@media(max-width:375px){.header{padding:10px}.logo{font-size:1.4rem;text-align:center}.header .search-input{width:100%;height:40px;margin:0;padding:0 12px;font-size:1rem}}.searchbar{position:sticky;top:0;width:100%;background-color:var(--panel);display:flex;flex-direction:row;align-items:center;justify-content:center;box-shadow:0 10px 24px #00000040;z-index:100;padding:8px 0;overflow:visible}.search-header .search-input,.searchbar .search-input{width:min(35rem,100%);height:40px;padding:12px 16px;border:1px solid rgba(255,255,255,.14);border-radius:999px;outline:none;background:#ffffff0f;color:var(--text);box-shadow:none;transition:box-shadow .16s ease,border-color .16s ease,background .16s ease}.search-header .search-input::placeholder,.searchbar .search-input::placeholder{color:#e5e7eb8c}.search-header .search-input:focus,.searchbar .search-input:focus{border-color:#00e5ffb3;box-shadow:0 0 0 3px #00e5ff33,0 0 26px #00e5ff24;background:#ffffff14}.suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;width:100%;background:#0f0f0f;border:1px solid rgba(255,255,255,.14);border-radius:12px;box-shadow:0 18px 40px #0000008c,0 3px 10px #00000059;overflow:hidden;z-index:1000;max-height:360px;overflow-y:auto;color:var(--text)}.suggestions__group{padding:14px 16px 8px}.suggestions__group+.suggestions__group{border-top:1px solid rgba(255,255,255,.08)}.suggestions__heading{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;color:#e5e7eb9e}.suggestions__list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.suggestion-item{display:block;width:100%;text-align:left;padding:8px 10px;background:transparent;border:none;cursor:pointer;font-size:.95rem;color:inherit;border-radius:8px;transition:background .14s ease,transform .14s ease}.suggestion-item:hover,.suggestion-item:focus-visible{background:#ffffff14;transform:translate(2px)}.suggestion-highlight{font-weight:700;color:var(--accent-2);display:inline}.suggestion-text{color:inherit;display:inline}.search-info{margin-top:6px;font-size:.85rem;color:#e5e7eb9e}.search-error{margin-top:6px;font-size:.85rem;color:#ff6b6b}@media(max-width:480px){.searchbar{position:static;padding:12px 1rem;box-shadow:none}.searchbar form{width:100%}.searchbar .search-input{width:100%;height:2.5rem;padding:.75rem 1rem;font-size:1rem}.suggestions{left:0;right:0;border-radius:14px}.suggestion-item{font-size:1rem;padding:12px 16px}}.dropmenu{position:relative;height:44px;background:radial-gradient(circle at 20% 0%,rgba(0,229,255,.1),transparent 55%),linear-gradient(180deg,#121212fa,#0a0a0af5);border-bottom:1px solid var(--border);display:flex;justify-content:center}.menus{display:flex;gap:2rem;padding:0 2rem;align-items:center;list-style:none;margin:0;height:100%;width:100%;max-width:1320px;box-sizing:border-box}.menu-item{position:relative}.drop-menu-button{background:none;border:none;cursor:pointer;font-size:1rem;color:var(--text);font-weight:700;display:inline-flex;align-items:center;gap:.35rem;padding:8px 10px;border-radius:10px;transition:background .14s ease,color .14s ease}.drop-menu-button:hover,.drop-menu-button:focus-visible{background:#ffffff0f}.drop-menu-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:2rem;color:var(--accent)}.drop-menu-icon svg{display:block;width:100%;height:100%}.dropdown{position:absolute;top:calc(100% + .5rem);left:0;background:#0f0f0f;border:1px solid rgba(255,255,255,.14);padding:.25rem 0;list-style:none;margin:0;min-width:12rem;max-height:18rem;overflow-y:auto;box-shadow:0 18px 42px #0009;color:var(--text);z-index:10}.dropdown::-webkit-scrollbar{width:6px}.dropdown::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:3px}.dropdown-item{padding:.4rem 1rem;cursor:pointer;font-size:.95rem}.dropdown-item a{color:inherit;text-decoration:none;display:block}.drop-menu-choice{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;text-align:left;background:none;border:none;color:inherit;font:inherit;padding:0;cursor:pointer}.drop-menu-choice:hover,.drop-menu-choice:focus-visible{outline:none}.dropdown-item:hover{background-color:#ffffff14}@media(max-width:768px){.dropmenu{height:auto}.menus{gap:1.5rem;padding:.5rem 1.5rem}}@media(max-width:600px){.dropmenu{padding:.5rem 1rem}.menus{flex-wrap:wrap;gap:1rem;padding:0;justify-content:center;max-width:480px}.drop-menu-button{font-size:.95rem;width:100%;justify-content:center;padding:.5rem .75rem;min-height:44px}.dropdown{position:static;width:100%;max-height:15rem;margin-top:.5rem}}@media(max-width:375px){.dropmenu{height:auto;padding:.5rem 1rem}.menus{flex-wrap:wrap;gap:.75rem;padding:0;justify-content:center}.drop-menu-button{font-size:.95rem;padding:.25rem .5rem}.dropdown{position:static;width:100%;max-height:14rem;margin-top:.5rem}.dropdown-item{font-size:.9rem}}.category-video-grid{display:flex;flex-wrap:wrap;align-items:flex-start;gap:1.5rem;padding:2rem 3rem}.category-card{display:flex;flex-direction:column;text-decoration:none;color:var(--text);border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;width:20rem;background-color:#ffffff0a}.category-card--placeholder{pointer-events:none}.category-card:hover{transform:scale(1.03);box-shadow:0 18px 34px #0000008c}.category-card img,.category-card__placeholder{width:100%;height:11rem;object-fit:cover;background-color:#ffffff0f;display:flex;align-items:center;justify-content:center;color:#e5e7eb8c;font-size:.9rem;font-style:italic}.category-card__placeholder-thumb{width:100%;height:11rem;border-radius:0;background:linear-gradient(90deg,#ffffff0f,#ffffff1f,#ffffff0f);background-size:200% 100%;animation:category-placeholder-shimmer 1.4s ease-in-out infinite}.category-meta{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem 1rem}.category-meta--placeholder{width:100%;flex-direction:column;align-items:flex-start;gap:.65rem}.category-placeholder-line{display:block;height:14px;border-radius:999px;background:linear-gradient(90deg,#ffffff0f,#ffffff1f,#ffffff0f);background-size:200% 100%;animation:category-placeholder-shimmer 1.4s ease-in-out infinite}.category-placeholder-line--title{width:70%;height:18px}.category-placeholder-line--meta{width:40%}.category-meta__aside{display:flex;align-items:center;gap:.5rem}.category-source{padding:2px 8px;background:#000000a6;border:1px solid rgba(255,255,255,.18);color:var(--text);font-size:.65rem;letter-spacing:.05em;border-radius:999px}.video-title{flex:1;font-family:Inter,Segoe UI,sans-serif;font-size:1rem;font-weight:600;margin:0;color:var(--text)}.category-count{font-size:.85rem;color:#e5e7eb9e;white-space:nowrap}.category-video-grid--loading{min-height:60vh}.category-video-grid--empty{min-height:40vh;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#e5e7eb9e;text-align:center}@keyframes category-placeholder-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:1024px),(hover:none)and (pointer:coarse){.category-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:.65rem;padding:.75rem .7rem 1rem}.category-card{width:100%;max-width:none;min-width:0;border-radius:12px;box-shadow:0 4px 10px #0f172a14}.category-card img,.category-card__placeholder,.category-card__placeholder-thumb{height:5.85rem}.category-meta{flex-direction:column;align-items:flex-start;gap:.25rem;padding:.45rem .5rem .52rem}.category-meta__aside{width:100%;justify-content:space-between;gap:.35rem}.video-title{width:100%;font-size:.86rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-count{font-size:.66rem}.category-source{font-size:.5rem;padding:2px 6px}}@media(max-width:380px){.category-video-grid{padding:.65rem .5rem .9rem;gap:.55rem}.category-card{width:100%;max-width:none;min-width:0}.category-card img,.category-card__placeholder,.category-card__placeholder-thumb{height:5.2rem}.video-title{font-size:.8rem}.category-count{font-size:.62rem}}.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}.home-page{width:100%;padding:18px 16px 24px;max-width:1320px;margin:0 auto}.home-hero{display:flex;flex-direction:column;gap:10px;margin:10px 0 16px}.home-title{margin:0;font-size:clamp(1.25rem,1.1rem + .7vw,1.85rem);font-weight:800;letter-spacing:-.02em;color:var(--text)}.home-chips{display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:thin}.home-chip{flex:0 0 auto;display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;background:var(--chip-bg);color:var(--text);border:1px solid rgba(0,229,255,.22);text-decoration:none;font-weight:650;font-size:.9rem;white-space:nowrap;transition:background .14s ease,border-color .14s ease,transform .14s ease;box-shadow:0 0 0 1px #ffffff0a,0 10px 22px #00000059}.home-chip:hover,.home-chip:focus-visible{background:#00e5ff1f;border-color:#00e5ff8c;box-shadow:0 0 0 1px #00e5ff38,0 0 22px #00e5ff2e;transform:translateY(-1px)}@media(max-width:600px){.home-page{padding:12px 10px 20px}.home-hero{margin:6px 0 12px}.home-chip{height:32px;padding:0 12px;font-size:.88rem}}.search-grid{width:100%;max-width:1320px;margin:0 auto;padding:0 16px 28px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:1rem 5rem}.search-card{position:relative;display:flex;flex-direction:column;text-decoration:none;color:inherit;background:#ffffff0a;border-radius:12px;border:1px solid rgba(255,255,255,.12);box-shadow:none;overflow:hidden;transition:transform .16s ease,border-color .16s ease,background .16s ease;min-width:0}.search-card:hover,.search-card:focus-visible{transform:translateY(-2px);border-color:#00e5ff73;background:#ffffff0f}.search-card__thumb{position:relative;width:100%;padding-top:56.25%;background:#ffffff0d;overflow:hidden}.search-card__preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border:none;border-radius:0;background:#000;opacity:0;pointer-events:none;transition:opacity .12s ease}.search-card__preview-badge{position:absolute;top:.6rem;left:.6rem;z-index:3;display:inline-flex;align-items:center;gap:.2rem;padding:.22rem .5rem;border-radius:999px;background:#000000b8;border:1px solid rgba(255,255,255,.16);color:var(--text);font-size:.65rem;font-weight:700;letter-spacing:.03em;line-height:1;pointer-events:none}.search-card--hovered .search-card__preview{opacity:1}.search-card__thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .12s ease}.search-card--hovered .search-card__thumb img{opacity:0}.search-card__noimage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:#e5e7eb8c;background:#ffffff0f}.search-card__body{padding:10px 12px;display:flex;flex-direction:column;gap:8px;min-height:55px;min-width:0}.search-card__title{margin:0;font-size:.98rem;font-weight:700;color:var(--text);min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-card__meta{display:flex;align-items:center;gap:.75rem;font-size:.85rem}.search-card__badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#000000a6;border:1px solid rgba(255,255,255,.16);color:var(--text);font-size:.62rem;letter-spacing:.08em}.search-card__duration{color:#e5e7eb9e;margin-left:auto;padding-left:12px}.search-card--loading{pointer-events:none}.search-card__thumb--loading,.search-card__title--loading,.search-card__badge--loading,.search-card__duration--loading{position:relative;overflow:hidden;background:linear-gradient(90deg,#ffffff0f,#ffffff1f,#ffffff0f);background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite}.search-card__thumb--loading{border-radius:0}.search-card__title--loading{height:20px;border-radius:6px}.search-card__meta--loading{gap:.5rem}.search-card__badge--loading{width:68px;height:18px;border-radius:999px}.search-card__duration--loading{width:60px;height:14px;border-radius:6px}.results-empty{margin:3rem auto;text-align:center;color:#e5e7eb9e;font-size:1.05rem}.search-page-title{margin:0 0 1.5rem;font-size:1.75rem;font-weight:700;color:var(--text)}.results-pagination{margin-top:2.5rem;display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap;font-size:.95rem}.results-pagination__button{border:none;border-radius:999px;padding:.65rem 1.5rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);color:var(--text);font-weight:600;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.results-pagination__button:hover,.results-pagination__button:focus-visible{background:#ff900024;border-color:#ff900080;transform:translateY(-2px);box-shadow:0 14px 26px #00000073}.results-pagination__button:disabled{cursor:not-allowed;background:#ffffff0d;box-shadow:none;transform:none;border-color:#ffffff14;opacity:.55}.results-pagination__label{color:#e5e7eb9e;font-weight:500}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:480px),(hover:none)and (pointer:coarse){.search-grid{grid-template-columns:minmax(0,1fr);gap:14px 12px;padding:0 12px 18px}.search-card{width:100%;border-radius:12px}.search-card:hover,.search-card:focus-visible{transform:none;border-color:#ffffff1f;background:#ffffff0a}.search-card__thumb{padding-top:120%;width:100%}.search-card__body{gap:0px}.search-card__title{width:100%;font-size:.72rem;line-height:1.1;max-width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:auto}.search-card__meta{margin-top:auto;width:100%;justify-content:space-between;gap:.35rem;font-size:.56rem}.search-card__badge{font-size:.44rem;padding:1px 5px}.search-card__duration{margin-left:0;padding-left:0}}@media(max-width:480px){.search-grid{padding:0 12px 16px;gap:14px 12px;grid-template-columns:minmax(0,1fr)}.search-card__thumb{padding-top:58%}.search-card__body{padding:4px 6px 6px;gap:4px}.results-pagination{margin-top:2rem;gap:1rem}}.site-footer{margin-top:3rem;padding:2.5rem 1.5rem;background:radial-gradient(circle at top,#111827eb,#0b101f);color:#e2e8f0;border-top:1px solid rgba(148,163,184,.25);min-height:300px}.footer-inner{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem;align-items:center;text-align:center}.footer-brand{display:flex;flex-direction:column;gap:.35rem;align-items:center}.footer-logo{font-size:1.4rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.footer-caption{font-size:.9rem;color:#e2e8f0cc}.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.85rem 1.75rem}.footer-link{color:inherit;text-decoration:none;font-weight:500;font-size:.95rem;position:relative;padding-bottom:2px}.footer-link:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:#e2e8f080;transform:scaleX(0);transform-origin:bottom right;transition:transform .16s ease}.footer-link:hover:after,.footer-link:focus-visible:after{transform:scaleX(1);transform-origin:bottom left}.footer-meta{font-size:.85rem;color:#94a3b8cc}@media(min-width:640px){.footer-inner{flex-direction:column;text-align:center}}@media(min-width:820px){.footer-inner{flex-direction:row;justify-content:space-between;text-align:left;align-items:center;gap:2rem}.footer-brand{align-items:flex-start}}.age-gate-container{position:relative;min-height:100vh}.age-gate-content{min-height:100vh}.age-gate-content--locked{filter:blur(12px);pointer-events:none;-webkit-user-select:none;user-select:none}.age-gate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#06090feb;z-index:9999}.age-gate-modal{width:min(34rem,100%);max-height:min(92vh,48rem);display:flex;flex-direction:column;background:#0b0f1a;color:#f5f7ff;border-radius:1.5rem;padding:0;overflow:hidden;box-shadow:0 30px 60px #00000073;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.age-gate-modal__content{overflow-y:auto;padding:clamp(1.5rem,2vw + 1rem,2.25rem)}.age-gate-modal__actions{padding:1rem clamp(1.5rem,2vw + 1rem,2.25rem) clamp(1.5rem,2vw + 1rem,2rem);border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#0b0f1aeb,#0b0f1a)}.age-gate-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.age-gate-header h1{font-size:clamp(1.45rem,1.8vw + 1rem,1.85rem);margin:0;line-height:1.2}.age-gate-badge{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:999px;background:#de1f4a;font-weight:700;font-size:1.2rem}.age-gate-modal p{margin:0 0 1rem;line-height:1.6}.age-gate-subtitle{margin:1.25rem 0 .75rem;font-size:1.05rem;font-weight:600;color:#ffd166}.age-gate-modal ul{margin:0 0 1rem 1.25rem;padding:0;line-height:1.6}.age-gate-modal li{margin-bottom:.35rem}.age-gate-button{width:100%;padding:.9rem 1rem;border:none;border-radius:999px;background:linear-gradient(135deg,#45d483,#1fb974);color:#041018;font-weight:700;font-size:1.1rem;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.age-gate-button:hover,.age-gate-button:focus{transform:translateY(-1px);box-shadow:0 14px 28px #1fb97459;outline:none}.age-gate-button:active{transform:translateY(1px)}@media(max-width:450px){.age-gate-overlay{padding:.75rem}.age-gate-modal{width:100%;border-radius:1rem;max-height:min(92vh,42rem);box-shadow:0 16px 32px #00000059}.age-gate-modal__content{padding:1.25rem}.age-gate-modal__actions{padding:.85rem 1.25rem 1.25rem}.age-gate-header{gap:.75rem}.age-gate-header h1{font-size:1.4rem}.age-gate-badge{width:2.5rem;height:2.5rem;font-size:1rem}.age-gate-modal ul{margin-left:1rem}.age-gate-button{font-size:1rem;padding:.85rem 2rem}}
