:root{--bg:#0d0b1a;--bg-elevated:#171330;--bg-elevated-hover:#1f1a40;--border:rgba(139,118,255,.16);--text:#f1eefc;--text-muted:#a49cc9;--accent-from:#7c3aed;--accent-to:#4f46e5;--accent-solid:#8b5cf6;--radius:12px}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:radial-gradient(circle at top,#1b1440 0,var(--bg) 55%);background-attachment:fixed;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}.site-header{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;border-bottom:1px solid var(--border)}.site-nav a{color:var(--text-muted);font-size:.9rem}.site-nav a:hover{color:var(--text)}.site-header .logo{font-size:1.25rem;font-weight:700;background:linear-gradient(90deg,var(--accent-from),var(--accent-to));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.02em}main{max-width:1200px;margin:0 auto;padding:32px}.page-title{font-size:1.75rem;margin:0 0 24px}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:20px;gap:20px}.video-card{display:block;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .15s ease,border-color .15s ease,background .15s ease}.video-card:hover{transform:translateY(-4px);border-color:var(--accent-solid);background:var(--bg-elevated-hover)}.video-thumb{position:relative;width:100%;aspect-ratio:16/9;background:#0a0817;overflow:hidden}.video-thumb img{width:100%;height:100%;object-fit:cover;display:block}.video-duration{position:absolute;bottom:6px;right:6px;background:rgba(10,8,23,.85);color:var(--text);font-size:.75rem;padding:2px 6px;border-radius:4px}.video-info{padding:12px 14px}.video-title{font-size:.95rem;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.promo-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.promo-tag{font-size:.7rem;color:var(--text-muted);background:var(--bg-elevated-hover);border:1px solid var(--border);border-radius:999px;padding:2px 8px}.empty-state{color:var(--text-muted);padding:48px 0;text-align:center}.watch-container{max-width:960px}.watch-player-wrap{border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:#000}.watch-title{font-size:1.5rem;margin:20px 0 8px}.watch-description{color:var(--text-muted);line-height:1.5}