body { margin: 0; background: #0b0b0b; color: #eee; font: 16px/1.6 system-ui, sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 40px 20px 60px; }
h1 { font-size: 36px; margin: 0 0 8px; }
h2 { font-size: 20px; margin-top: 32px; }
a { color: #fe2c55; }
.lead { font-size: 20px; color: #ccc; }
.muted { color: #888; }
code { background: #1c1c1c; padding: 1px 6px; border-radius: 4px; }
.card { background: #151515; border: 1px solid #262626; border-radius: 14px; padding: 20px 24px; margin-top: 24px; }
.tiktok-btn { width: 100%; margin-top: 8px; padding: 14px; border: 0; border-radius: 10px; background: #fff; color: #000;
              font-size: 16px; font-weight: 700; cursor: pointer; }
.tiktok-btn:hover { background: #e8e8e8; }
.profile { display: flex; gap: 16px; align-items: center; margin: 16px 0; }
.profile img { border-radius: 50%; object-fit: cover; background: #222; }
.profile .name { font-size: 20px; font-weight: 700; }
footer { margin-top: 48px; padding-top: 16px; border-top: 1px solid #222; color: #888; }

#player { width: 100%; max-width: 340px; aspect-ratio: 9 / 16; border: 0; border-radius: 12px; }

.play-link { display: inline-block; margin-top: 8px; padding: 12px 28px; border-radius: 999px; background: #6F0000; color: #fff; text-decoration: none; font-size: 20px; }