/* TikTok page polish 2026-10-11. Scoped to /tiktok/ only. */
:root{color-scheme:dark}
body:has(#tiktokOfflineCard){min-height:100dvh;padding:max(74px,env(safe-area-inset-top)) 16px max(28px,env(safe-area-inset-bottom));background:radial-gradient(ellipse at 50% 8%,rgba(60,89,176,.34),transparent 51%),radial-gradient(ellipse at 95% 95%,rgba(255,55,111,.08),transparent 40%),linear-gradient(155deg,#060911,#0d1529)}
#tiktokOfflineCard{width:min(490px,100%);padding:32px 27px 24px;border:1px solid rgba(140,176,255,.22);border-radius:24px;background:linear-gradient(145deg,rgba(22,30,55,.98),rgba(10,15,29,.98));box-shadow:0 23px 70px rgba(0,0,0,.38),0 0 38px rgba(61,166,222,.07)}
#tiktokOfflineCard .tiktok-off-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:22px;font-size:12px;letter-spacing:1.1px;font-weight:850;color:#b7c8ed}
#tiktokOfflineCard .tiktok-off-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;font-size:23px;background:linear-gradient(135deg,#1cd7ed,#d44f8a);box-shadow:0 6px 22px rgba(30,195,221,.16)}
#tiktokOfflineCard .badge{padding:8px 13px;border:1px solid rgba(255,89,116,.17);background:rgba(255,89,116,.1);color:#ffb5c1;letter-spacing:.2px}
#tiktokOfflineCard h1{margin:18px auto 11px;max-width:390px;font-size:clamp(25px,5vw,33px);line-height:1.13;letter-spacing:-.65px}
#tiktokOfflineCard p{max-width:380px;margin:0 auto;color:#c4d0e9;line-height:1.55;font-size:15px}
#tiktokOfflineCard .tiktok-off-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:25px}
#tiktokOfflineCard .tiktok-off-action{min-height:49px;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 12px;border-radius:13px;text-decoration:none;font-size:13px;font-weight:850;line-height:1.2;transition:transform .15s,border-color .15s,filter .15s}
#tiktokOfflineCard .tiktok-off-action.primary{background:linear-gradient(120deg,#56e6e9,#85f2b2);color:#061b20}
#tiktokOfflineCard .tiktok-off-action.secondary{border:1px solid rgba(164,190,244,.23);background:#17213a;color:#e4edff}
#tiktokOfflineCard .tiktok-off-action:hover{transform:translateY(-1px);filter:brightness(1.07)}
#tiktokOfflineCard .tiktok-off-action:focus-visible{outline:3px solid #90edfb;outline-offset:3px}
#tiktokOfflineCard .small{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:18px;font-size:12px;line-height:1.4;color:#9daecc}
#tiktokOfflineCard .small:before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:#5ac8e6}
.tiktok-live-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;margin-bottom:9px;border:1px solid rgba(117,227,244,.28);border-radius:999px;background:rgba(32,210,225,.09);color:#a8f3f9;font-size:11px;line-height:1.2;font-weight:850;letter-spacing:.45px}
.tiktok-live-eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#55efc5;box-shadow:0 0 0 3px rgba(85,239,197,.11)}
.tiktok-greet-close:focus-visible,.tiktok-help-close:focus-visible,.tiktok-submit:focus-visible,.tiktok-help-open:focus-visible{outline:3px solid #8de9f9;outline-offset:3px}
.tiktok-greet-card,.tiktok-help-card{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
@media(max-width:619px){
 #tiktokOfflineCard{padding:27px 17px 22px}
 #tiktokOfflineCard .tiktok-off-actions{grid-template-columns:1fr}
 #tiktokOfflineCard .tiktok-off-action{font-size:14px}
 .tiktok-greet-modal{padding:8px;align-items:flex-end}
 .tiktok-greet-card{max-height:calc(100dvh - 18px);padding:18px 16px max(17px,env(safe-area-inset-bottom))}
 .tiktok-help-card{max-height:calc(100dvh - 28px)}
}
@media(min-width:1000px){
 .song .artist{font-size:12px;line-height:1.3}
 .song .title-main{font-size:13px;line-height:1.3}
 .song .title-extra{font-size:11px}
 .song .choose{font-size:12px;min-height:40px}
 .song .vote-counts{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.song,.tiktok-help-open,#tiktokOfflineCard .tiktok-off-action{transition:none!important}}