:root{--bg: #0b0b0c;--fg: #f2f2f0;--muted: #9a9a9a;--accent: #d94f30;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg)}a{color:inherit;text-decoration:none}.nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #222}.brand{font-weight:600;letter-spacing:.02em}.nav nav{display:flex;gap:1.5rem}.nav nav a:hover{color:var(--accent)}main{padding:2rem;max-width:960px;margin:0 auto}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;margin-top:1.5rem}.card{cursor:pointer}.card img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:4px;background:#1a1a1a}.card h3{margin:.5rem 0 0;font-size:1rem}.media-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.media-list button{text-align:left;padding:.75rem 1rem;background:#1a1a1a;border:1px solid #2a2a2a;color:var(--fg);border-radius:4px;cursor:pointer}.media-list button.active{border-color:var(--accent);color:var(--accent)}.player-wrap{position:relative;aspect-ratio:16 / 9;margin-top:1.5rem}.player-wrap iframe{width:100%;height:100%;border:0}form{display:flex;flex-direction:column;gap:1rem;max-width:480px;margin-top:1.5rem}form input,form textarea{background:#1a1a1a;border:1px solid #2a2a2a;color:var(--fg);padding:.75rem;border-radius:4px;font-family:inherit}form button{background:var(--accent);border:none;color:#fff;padding:.75rem;border-radius:4px;cursor:pointer}