:root{color-scheme:dark;--bg:#0d1018;--panel:#181d29;--border:#2b3140;--text:#f4f5f8;--muted:#aab1bf;--accent:#ef2953}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,Arial,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1250px,calc(100% - 32px));margin:0 auto}.top{background:#131722;border-bottom:1px solid var(--border)}.nav{display:flex;justify-content:space-between;align-items:center;min-height:74px;gap:20px}.brand{font-size:25px;font-weight:900;color:var(--accent)}.nav nav{display:flex;gap:22px;flex-wrap:wrap}.nav a:hover,.terms a:hover{color:var(--accent)}main{min-height:65vh;padding:28px 0 50px}h1{font-size:clamp(26px,3vw,37px);line-height:1.15;margin:8px 0 25px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.card{display:block;background:var(--panel);border:1px solid var(--border);border-radius:13px;overflow:hidden;transition:transform .18s,border-color .18s}.card:hover{transform:translateY(-3px);border-color:var(--accent)}.card img,.card amp-img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#080a0f}.card strong{display:block;padding:12px 12px 2px;line-height:1.35;min-height:55px}.card small{display:block;padding:0 12px 12px;color:var(--muted)}.detail{max-width:1050px}.player{background:#000;border-radius:12px;overflow:hidden}.player video,.player amp-video{display:block;width:100%;aspect-ratio:16/9;max-height:75vh;background:#000}.meta{color:var(--muted);font-size:14px}.description{line-height:1.8;overflow-wrap:anywhere;background:var(--panel);padding:18px;border:1px solid var(--border);border-radius:12px}.terms{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:18px 0}.terms strong{margin-right:7px}.terms a{padding:7px 12px;background:var(--panel);border:1px solid var(--border);border-radius:30px}.directory{padding:12px 0}.pagination{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin:36px 0}.pagination a{padding:8px 14px;border:1px solid var(--border);border-radius:8px}.pagination .active{background:var(--accent);border-color:var(--accent)}.foot{padding:30px 0;border-top:1px solid var(--border);color:var(--muted)}@media(max-width:1000px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.card strong{font-size:14px}.nav{align-items:flex-start;flex-direction:column;padding:15px 0;gap:10px}.nav nav{gap:15px}}@media(max-width:380px){.grid{grid-template-columns:1fr}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,Arial,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1250px,calc(100% - 32px));margin:0 auto}.top{background:#131722;border-bottom:1px solid var(--border)}.nav{display:flex;justify-content:space-between;align-items:center;min-height:74px;gap:20px}.brand{font-size:25px;font-weight:900;color:var(--accent)}.nav nav{display:flex;gap:22px;flex-wrap:wrap}.nav a:hover,.terms a:hover{color:var(--accent)}main{min-height:65vh;padding:28px 0 50px}h1{font-size:clamp(26px,3vw,37px);line-height:1.15;margin:8px 0 25px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.card{display:block;background:var(--panel);border:1px solid var(--border);border-radius:13px;overflow:hidden;transition:transform .18s,border-color .18s}.card:hover{transform:translateY(-3px);border-color:var(--accent)}.card img,.card amp-img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#080a0f}.card strong{display:block;padding:12px 12px 2px;line-height:1.35;min-height:55px}.card small{display:block;padding:0 12px 12px;color:var(--muted)}.detail{max-width:1050px}.player{background:#000;border-radius:12px;overflow:hidden}.player video,.player amp-video{display:block;width:100%;aspect-ratio:16/9;max-height:75vh;background:#000}.meta{color:var(--muted);font-size:14px}.description{line-height:1.8;overflow-wrap:anywhere;background:var(--panel);padding:18px;border:1px solid var(--border);border-radius:12px}.terms{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:18px 0}.terms strong{margin-right:7px}.terms a{padding:7px 12px;background:var(--panel);border:1px solid var(--border);border-radius:30px}.directory{padding:12px 0}.pagination{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin:36px 0}.pagination a{padding:8px 14px;border:1px solid var(--border);border-radius:8px}.pagination .active{background:var(--accent);border-color:var(--accent)}.foot{padding:30px 0;border-top:1px solid var(--border);color:var(--muted)}.footer-categories h2{font-size:19px;color:var(--text);margin:0 0 12px}.footer-categories .terms{margin:0 0 22px}.footer-copy{white-space:normal;line-height:1.8;overflow-wrap:anywhere;border-top:1px solid var(--border);padding:20px 0}.footer-bottom{border-top:1px solid var(--border);padding-top:18px}@media(max-width:1000px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.card strong{font-size:14px}.nav{align-items:flex-start;flex-direction:column;padding:15px 0;gap:10px}.nav nav{gap:15px}}@media(max-width:380px){.grid{grid-template-columns:1fr}}