:root{--gap:16px;--card-bg:#fff;--muted:#666}body{font-family:Inter,ui-sans-serif,system-ui,Arial,Helvetica,sans-serif;margin:0;background:#f5f7fb;color:#111}.header{background:linear-gradient(90deg,#0b5cff,#0051d4);color:#fff;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand-link{display:flex;flex-direction:column;color:inherit;text-decoration:none}.brand h1{margin:0;font-size:18px;letter-spacing:.2px}.subtitle{font-size:12px;opacity:.9;margin-top:4px}.nav-actions{display:flex;align-items:center;gap:12px}.nav-link{color:#fffffff2;text-decoration:none;padding:6px 10px;border-radius:6px;font-size:13px}.nav-link:hover{background:#ffffff0f}.container{padding:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--gap)}.card{background:var(--card-bg);border-radius:8px;box-shadow:0 1px 4px #0000000f;overflow:hidden;display:flex;flex-direction:column}.thumb,.thumb img,.placeholder{display:none}.card-body{padding:18px}.btn{display:inline-block;margin-top:8px;padding:8px 12px;background:#0b5cff;color:#fff;border-radius:6px;text-decoration:none}.items{margin-top:12px;display:flex;flex-direction:column;gap:12px}.video-card{background:#fff;padding:12px;border-radius:8px;box-shadow:0 1px 2px #0000000a}.video-wrap{margin-top:8px}.no-video{padding:12px;background:#fff6f6;border-radius:6px;color:#922}