:root { –maxw: 900px; }
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica, Arial, “Apple Color Emoji”, “Segoe UI Emoji”; margin: 0; background: #0b0b0c; color: #e6e6e6; }
.wrap { max-width: var(–maxw); margin: 6vh auto; padding: 24px; }
h1 { font-size: 1.25rem; font-weight: 600; margin: 0 0 12px; }
.card { background: #131316; border: 1px solid #2a2a31; border-radius: 16px; padding: 16px; box-shadow: 0 10px 30px rgba(0,0,0,.35); }
.aspect { position: relative; width: 100%; aspect-ratio: 16/9; background: #0f0f12; border-radius: 12px; overflow: hidden; }
video, iframe { position: absolute; inset: 0; width: 100%; height: 100%; }
.actions { display: flex; gap: 12px; margin-top: 12px; flex-wrap: wrap; }
.btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 999px; background: #1e1e24; border: 1px solid #2a2a31; color: #e6e6e6; text-decoration: none; font-weight: 600; }
.btn:hover { background: #23232a; }
.note { margin-top: 10px; color: #bdbdc7; font-size: .9rem; }
code { background: #18181c; padding: 2px 6px; border-radius: 6px; }