:root { color-scheme: dark; --plum: #2a0a24; --pink: #ff2e93; --pink2: #ff8cc6; --teal: #19c6c1; --cream: #fff0f6; --mute: #e7bcd3; }
* { box-sizing: border-box; }
html { background: #1c0618; }
body { margin: 0; min-height: 100vh; color: var(--cream); font: 17px/1.6 "Plus Jakarta Sans", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  background: radial-gradient(1000px 700px at 10% -10%, rgba(255,46,147,.30), transparent 60%), radial-gradient(1100px 800px at 100% 110%, rgba(25,198,193,.22), transparent 60%), linear-gradient(160deg, #2a0a24, #3a0b2e 55%, #4a0f3c); background-attachment: fixed; }
main { max-width: 1120px; margin: 0 auto; padding: clamp(24px, 5vw, 56px) clamp(16px, 4vw, 40px) 64px; }
header { text-align: center; margin-bottom: clamp(20px, 4vw, 36px); }
.mark { display: inline-block; margin: 0 0 18px; padding: 12px 34px; border-radius: 999px; font-size: clamp(26px, 5vw, 44px); font-weight: 800; line-height: 1.1; color: #fff;
  background: linear-gradient(120deg, #ff5fb0, #ff2e93 50%, #d81b7a); box-shadow: inset 0 3px 2px rgba(255,255,255,.5), inset 0 -8px 12px rgba(120,10,70,.45), 0 8px 0 #8c0f52, 0 18px 30px rgba(0,0,0,.45); }
.kicker { margin: 0 0 6px; font-size: 14px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: var(--teal); }
h1 { margin: 0; font-size: clamp(26px, 4.6vw, 46px); line-height: 1.12; font-weight: 800; text-wrap: balance; color: #fff; }
.player { margin: 0; padding: clamp(6px, 1vw, 10px); border-radius: clamp(16px, 2.4vw, 28px); background: linear-gradient(135deg, #ff8cc6, #ff2e93 55%, #19c6c1); box-shadow: 0 30px 80px rgba(20, 2, 16, .7); }
video { display: block; width: 100%; aspect-ratio: 16 / 9; border-radius: clamp(11px, 1.8vw, 20px); background: #000; }
.notes { margin: clamp(24px, 4vw, 40px) auto 0; max-width: 760px; padding: 22px 26px; border-radius: 20px; background: rgba(42, 10, 36, .78); border: 1px solid rgba(255,255,255,.16); }
.notes p { margin: 0 0 10px; font-weight: 700; color: #fff; }
.notes ul { margin: 0; padding-left: 20px; color: var(--mute); }
.notes li { margin: 4px 0; }
footer { margin-top: 36px; text-align: center; color: var(--mute); font-size: 15px; }
footer p { margin: 0; }
a { color: var(--pink2); }
a:focus-visible, video:focus-visible { outline: 3px solid var(--teal); outline-offset: 3px; }