/* Core UI */
:root{--bg:#0b0f14;--fg:#e7edf3;--muted:#9bb0c3;--card:#0f141b;--accent:#58a6ff;--border:#1b2430}
:root.light{--bg:#f7fafc;--fg:#0b0f14;--muted:#4a5568;--card:#fff;--accent:#2563eb;--border:#e2e8f0}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto}
.container{max-width:1180px;margin:0 auto;padding:16px}
.header{display:flex;gap:12px;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);backdrop-filter:saturate(120%) blur(6px)}
.header.sticky{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--border)}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;text-decoration:none;color:var(--fg)}
.brand img{width:28px;height:28px}
.nav a{color:var(--muted);text-decoration:none;margin-left:10px}.nav a:hover{color:var(--fg)}
.search{display:flex;gap:8px;align-items:center;flex:1;max-width:520px}
.search input{flex:1;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--card);color:var(--fg)}
.search button{padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--card);color:var(--fg);cursor:pointer}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:18px}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:.2s border-color}
.card:hover{border-color:var(--accent)}
.thumb{aspect-ratio:16/9;width:100%;background:#111 center/cover no-repeat}
.card .content{padding:12px}.card h3{margin:0 0 6px;font-size:16px;line-height:1.3}.card .meta{font-size:13px;color:var(--muted)}
.pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin:22px 0}
.pagination button{padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--fg);cursor:pointer}
.footer{color:var(--muted);font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--border);margin-top:30px}
.watch{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.player-wrap{position:relative;background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden}
.player-skeleton{height:0;padding-top:56.25%;background:linear-gradient(90deg,#0e141b,#0b0f14,#0e141b);animation:shimmer 1.4s infinite;background-size:200%}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}video{width:100%;display:block;background:#000}
@media(max-width:920px){.watch{grid-template-columns:1fr}}