.fan{--f-bg:var(--color-bg);--f-ink:var(--color-ink);--f-muted:var(--color-muted);--f-muted-2:var(--color-muted-2);--f-glass:var(--color-card);--f-row:var(--color-card);--f-row-line:var(--color-line);--f-mono:var(--color-bg);--f-card:var(--color-card);--f-card-line:var(--color-line);--f-soft:var(--color-soft);--f-btn:var(--color-ink);--f-btn-ink:#ffffff;--f-shadow:color-mix(in srgb,var(--color-ink) 18%,transparent);--f-field:var(--color-card);--f-field-line:var(--color-field);--f-placeholder:var(--color-muted-2);--f-danger:var(--color-red-ink);--f-danger-ink:#ffffff;--f-accent:var(--color-brand);--f-accent-ink:var(--color-brand-ink);--f-pop:var(--color-brand-soft);--f-dot:var(--f-pop);--f-mark:var(--f-pop);--f-mark-ink:var(--color-ink);--f-ok:var(--color-brand);--f-ok-ink:#ffffff;--f-art:var(--color-brand);--f-art-sq:var(--color-brand);--f-block:var(--color-ink);--f-block-line:transparent;--f-rule:color-mix(in srgb,var(--f-ink) 11%,transparent);--f-tonal:color-mix(in srgb,var(--f-ink) 8%,transparent);--f-key:var(--f-btn);--f-key-ink:var(--f-btn-ink);--f-key-dot:var(--f-accent);--f-key-seal:var(--color-brand);--f-key-bar:#ffffff;min-height:100dvh;display:flex;flex-direction:column;background:var(--f-bg);color:var(--f-ink);font-family:var(--font-sans);transition:background-color .35s,color .35s}.fan[data-cookies=open]{min-height:calc(100dvh + var(--f-cookies-h, 0px));padding-bottom:var(--f-cookies-h,0)}.fan[data-cookies=open] :is(a,button,input,select,textarea){scroll-margin-bottom:calc(var(--f-cookies-h, 0px) + 12px)}.fan[data-cookies=open] .f-cookies :is(a,button){scroll-margin-bottom:0}.fan :focus-visible{outline:2.5px solid var(--f-ink);outline-offset:2px}:where(.fan) a{border-radius:6px}.fan a{color:inherit}.fan :is(h1,h2){text-wrap:balance}.fan p{text-wrap:pretty}.fan[data-theme=coral],.fan[data-theme=violet]{--f-glass:rgba(255,255,255,0.5);--f-row:rgba(255,255,255,0.62);--f-row-line:rgba(255,255,255,0.8);--f-mono:#ffffff;--f-card:#ffffff;--f-card-line:transparent;--f-soft:rgba(255,255,255,0.5)}.fan[data-theme=violet]{--f-bg:#dedafd;--f-muted:#40358f;--f-muted-2:#40358f;--f-shadow:rgba(64,53,143,0.26)}.fan[data-theme=coral]{--f-bg:#dadee2;--f-muted:#3f4b59;--f-muted-2:#3f4b59;--f-shadow:rgba(20,33,61,0.22)}.fan[data-theme=blue],.fan[data-theme=dark]:not([data-mode=light]){--f-bg:var(--color-ink);--f-ink:var(--color-bg);--f-muted:var(--color-side-text);--f-muted-2:var(--color-side-text);--f-glass:rgba(255,255,255,0.08);--f-row:rgba(255,255,255,0.06);--f-row-line:rgba(255,255,255,0.1);--f-mono:rgba(255,255,255,0.1);--f-card:rgba(255,255,255,0.08);--f-card-line:rgba(255,255,255,0.1);--f-soft:rgba(255,255,255,0.08);--f-btn:var(--color-bg);--f-btn-ink:var(--color-ink);--f-shadow:rgba(0,0,0,0.35);--f-field:rgba(255,255,255,0.08);--f-field-line:rgba(255,255,255,0.46);--f-placeholder:var(--color-side-text);--f-danger:#ff8fa3;--f-danger-ink:var(--color-ink);--f-accent:var(--color-brand-soft);--f-accent-ink:var(--color-brand-soft);--f-dot:var(--color-brand);--f-mark:var(--color-brand);--f-mark-ink:#ffffff;--f-block:rgba(255,255,255,0.06);--f-block-line:rgba(255,255,255,0.1)}.fan[data-theme=blue]{--f-bg:var(--color-night)}.fan[data-view=song]{--f-glow:rgba(255,255,255,0.6);background-image:radial-gradient(120% 60% at 50% 0,var(--f-glow),transparent 72%);background-repeat:no-repeat}.fan[data-view=song]:is([data-theme=blue],[data-theme=dark]:not([data-mode=light])){--f-glow:color-mix(in srgb,var(--color-brand) 26%,transparent)}.fan[data-cover]{position:relative;isolation:isolate;background-image:none}.f-wash{position:fixed;left:0;top:0;width:100%;height:100vh;height:100lvh;z-index:-1;overflow:hidden;pointer-events:none;background:var(--f-bg);contain:strict}.f-wash i{position:absolute;left:-10%;top:-10%;width:60%;height:60%;transform:scale(2);transform-origin:0 0;background-size:cover;background-position:50%;filter:blur(36px) saturate(1.5);will-change:transform}.f-wash:after{content:"";position:absolute;inset:0;background:var(--f-veil);transition:background-color .35s}.fan[data-cover]:is([data-theme=violet],[data-theme=amber],[data-theme=coral],[data-theme=dark][data-mode=light]){--f-veil:rgba(255,255,255,0.8);--f-muted:var(--color-ink-2);--f-muted-2:var(--color-ink-2);--f-glass:rgba(255,255,255,0.6);--f-row:rgba(255,255,255,0.62);--f-row-line:rgba(27,31,38,0.08);--f-mono:#ffffff;--f-card:rgba(255,255,255,0.86);--f-card-line:transparent;--f-soft:rgba(255,255,255,0.62);--f-shadow:rgba(27,31,38,0.34)}.fan[data-cover][data-theme=violet]{--f-veil:rgba(236,234,254,0.82);--f-muted:#40358f;--f-muted-2:#40358f}.fan[data-cover][data-theme=coral]{--f-veil:rgba(230,233,238,0.84)}.fan[data-cover]:is([data-theme=blue],[data-theme=dark]:not([data-mode=light])){--f-veil:linear-gradient(180deg,rgba(27,31,38,0.86),rgba(27,31,38,0.91));--f-soft:rgba(255,255,255,0.06);--f-shadow:rgba(0,0,0,0.5)}.fan[data-cover][data-theme=blue]{--f-veil:linear-gradient(180deg,rgba(20,33,61,0.86),rgba(20,33,61,0.91))}.fan.fan[data-cover][data-tone]{--f-bg:rgb(var(--c-veil))}.fan.fan[data-cover][data-tone=dark]{--f-veil:linear-gradient(180deg,rgb(var(--c-veil)/0.86) 0%,rgb(var(--c-veil)/0.91) 100%)}.fan.fan[data-cover][data-tone=light]{--f-veil:rgb(var(--c-veil)/0.82)}.fan[data-accent]{--f-key:var(--a-l);--f-key-ink:var(--a-l-ink);--f-key-dot:var(--a-l);--f-key-seal:var(--a-l);--f-key-bar:var(--a-d)}.fan[data-accent][data-tone=dark]{--f-key-dot:var(--a-d)}.fan[data-theme=image]{--f-bg:var(--color-ink);--f-ink:#ffffff;--f-muted:var(--color-line);--f-muted-2:var(--color-line);--f-glass:rgba(255,255,255,0.94);--f-row:rgba(255,255,255,0.94);--f-row-line:transparent;--f-mono:rgba(255,255,255,0.94);--f-card:rgba(255,255,255,0.94);--f-card-line:transparent;--f-soft:rgba(255,255,255,0.94);--f-btn:#ffffff;--f-btn-ink:var(--color-ink);--f-shadow:rgba(0,0,0,0.45);--f-field:rgba(255,255,255,0.94);--f-field-line:transparent;--f-accent:var(--color-brand-soft);--f-accent-ink:var(--color-brand-soft);--f-danger:#ff8fa3;position:relative;isolation:isolate}.f-backdrop{position:fixed;inset:0;z-index:-1;background-color:var(--color-ink);background-size:cover;background-position:50%}.f-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(27,31,38,.7),rgba(27,31,38,.82))}.fan[data-theme=image] :is(.f-list,.f-feature,.f-soc,.f-opt,.f-box,.f-card,.f-icon-btn){--f-ink:var(--color-ink);--f-muted:var(--color-muted);--f-muted-2:var(--color-muted);--f-btn:var(--color-ink);--f-btn-ink:#ffffff;--f-mono:var(--color-bg);--f-field:#ffffff;--f-field-line:var(--color-field);--f-accent:var(--color-brand);--f-accent-ink:var(--color-brand-ink);--f-danger:var(--color-red-ink);color:var(--color-ink)}.fan[data-theme=image] .f-input{color:var(--color-ink)}.fan[data-theme=image] .f-input::placeholder{color:var(--color-muted)}.fan[data-theme=image] :focus-visible{outline-color:#ffffff}.fan[data-theme=image] :is(.f-list,.f-feature,.f-soc,.f-opt,.f-box,.f-card) :focus-visible{outline-color:var(--color-ink)}.fan[data-theme=image] .f-video{box-shadow:0 0 0 1px rgba(255,255,255,.35)}.f-col{width:100%;max-width:430px;margin:0 auto;flex:1;display:flex;flex-direction:column;box-sizing:border-box;padding:16px 20px 22px;gap:16px;position:relative}.f-display{font-family:var(--font-display);letter-spacing:-.02em}.f-muted{color:var(--f-muted)}.f-muted-2{color:var(--f-muted-2)}.f-eyebrow{font:600 12px var(--font-sans);letter-spacing:.12em;text-transform:uppercase}.f-eyebrow,.f-foot{color:var(--f-muted)}.f-foot{margin:auto 0 0;text-align:center;font:500 12px/1.5 var(--font-sans)}.f-glassy{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.f-top{justify-content:space-between;min-height:44px}.f-top,.f-top-actions{display:flex;align-items:center;gap:8px}.f-top-actions{margin-left:auto}.f-mark{display:inline-flex;align-items:center;width:44px;height:44px;flex:none;border-radius:10px;transition:opacity .15s}.f-mark:hover{opacity:.8}.f-mark .f-logo{display:block}.f-mark .f-logo,.f-mark .f-logo img{width:34px;height:34px}.f-top-actions :is(.f-icon-btn,.f-pill-btn,.f-top-link){background:var(--f-row);border:1px solid var(--f-row-line);color:var(--f-ink);box-sizing:border-box;transition:background-color .15s,transform .15s}.f-top-link{display:inline-flex;padding:0 18px;border-radius:999px;font:600 14px var(--font-sans);text-decoration:none;white-space:nowrap}.f-icon-btn,.f-top-link{align-items:center;height:44px}.f-icon-btn{width:44px;flex:none;border-radius:50%;border:0;cursor:pointer;background:var(--f-mono);color:var(--f-ink);display:flex;justify-content:center;transition:transform .15s}.f-icon-btn:active{transform:scale(.94)}.f-pill-btn{height:44px;padding:0 14px;border-radius:999px;border:0;background:var(--f-btn);color:var(--f-btn-ink);font:600 13px var(--font-sans);cursor:pointer;text-decoration:none;white-space:nowrap}.f-in-dark,.f-in-light,.f-pill-btn{display:inline-flex;align-items:center;gap:8px}.f-in-light,.fan[data-mode=light] .f-in-dark{display:none}.fan[data-mode=light] .f-in-light{display:inline-flex}.f-cover{position:relative;overflow:hidden;flex:none;background:var(--color-ink);aspect-ratio:1;container-type:inline-size}.f-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.f-hero-cover{position:relative;align-self:center;width:min(76%,300px)}.f-cover-hero{width:100%;border-radius:var(--radius-card);box-shadow:0 2px 6px color-mix(in srgb,var(--f-shadow) 45%,transparent),0 30px 60px -18px var(--f-shadow)}.f-cover>.f-motif{--u:21cqw;--x:17cqw;--y:17cqw}.f-art-violet{background:var(--color-brand)}.f-art-violet .f-motif{--m:#ffffff;--m-sq:#ffffff}.f-art-plain .f-motif{--m:var(--color-brand);--m-sq:var(--color-brand)}.f-art-mono .f-motif{--m:#ffffff;--m-sq:var(--color-brand)}.f-motif{position:absolute;inset:0;overflow:hidden;pointer-events:none;--m:var(--f-art);--m-sq:var(--f-art-sq)}.f-motif i{position:absolute;display:block}.f-motif i:first-child{left:var(--x);top:var(--y);width:var(--u);height:var(--u);background:var(--m-sq)}.f-motif i:nth-child(2){left:calc(var(--x) + var(--u));top:var(--y);right:0;height:var(--u);background:var(--m);clip-path:polygon(var(--u) 0,100% 0,100% 100%,0 100%)}.f-motif i:nth-child(3){left:var(--x);top:calc(var(--y) + var(--u));width:var(--u);bottom:0;background:var(--m);clip-path:polygon(100% 0,100% 100%,0 100%,0 var(--u))}.f-motif-fade i:nth-child(2){background:linear-gradient(to right,var(--m) 55%,transparent)}.f-motif-fade i:nth-child(3){background:linear-gradient(to bottom,var(--m) 45%,transparent)}.f-live-dot{width:8px;height:8px;border-radius:50%;background:var(--f-accent);--f-pulse:var(--f-accent);animation:f-pulse 1.4s ease-out infinite;flex:none}.f-chip .f-live-dot{background:var(--f-dot);--f-pulse:var(--f-dot)}.f-live-dot-ink{width:7px;height:7px;animation-duration:1.6s}.f-count{display:flex;align-self:center}.f-count>div{display:flex;flex-direction:column;align-items:center;gap:4px;width:72px}.f-count>div+div{border-left:1px solid var(--f-rule)}.f-count b{font:500 28px/1 var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.f-count span{font:500 12px/1 var(--font-sans);color:var(--f-muted)}.f-plats{list-style:none;margin:0;padding:0;border-radius:var(--radius-card);background:var(--f-row);border:1px solid var(--f-row-line);overflow:hidden;transition:background-color .35s,border-color .35s}.f-plat{position:relative;display:flex;align-items:center;gap:12px;min-height:64px;padding:0 10px 0 12px;box-sizing:border-box;transition:background-color .15s}.f-plat+.f-plat:before{content:"";position:absolute;left:64px;right:0;top:0;height:1px;background:var(--f-rule)}.f-plat:has(.f-go:hover){background:color-mix(in srgb,var(--f-ink) 4%,transparent)}.f-plat b{flex:1;min-width:0;font:600 16px var(--font-sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.f-mono{width:36px;height:36px;flex:none;border-radius:11px;background:var(--f-mono);color:var(--f-ink);display:flex;align-items:center;justify-content:center;font:700 13px/1 var(--font-display)}.f-notify .f-mono,.f-plat .f-mono{width:40px;height:40px;border-radius:50%;background:var(--f-tonal)}.f-go{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:112px;height:44px;padding:0 16px;border-radius:999px;border:0;box-sizing:border-box;background:var(--f-tonal);color:var(--f-ink)!important;font:600 14px/1 var(--font-sans);cursor:pointer;text-decoration:none;transition:transform .15s,background-color .15s;white-space:nowrap}.f-go:after{content:"";position:absolute;inset:0}.f-go:active{transform:scale(.96)}.f-plat:first-child .f-go{background:var(--f-key);color:var(--f-key-ink)!important}.f-plat:first-child .f-ok{background:var(--f-key);color:var(--f-key-ink)}.fan[data-accent] .f-plat:first-child .f-ok-mark{background:var(--f-key-ink);color:var(--f-key)}.f-ok{gap:6px;flex:none;min-width:112px;height:44px;padding:0 14px;border-radius:999px;box-sizing:border-box;background:var(--f-btn);color:var(--f-btn-ink);font:600 14px var(--font-sans)}.f-ok,.f-ok-mark{display:flex;align-items:center;justify-content:center}.f-ok-mark{width:20px;height:20px;border-radius:50%;background:var(--f-mark);color:var(--f-mark-ink);animation:f-pop .45s cubic-bezier(.2,.9,.3,1.3) both}.f-spin{animation:f-spin .8s linear infinite}.f-wait{width:112px;height:44px;flex:none}.f-cta,.f-wait{display:flex;align-items:center;justify-content:center}.f-cta{gap:10px;height:54px;padding:0 22px;border-radius:999px;border:0;background:var(--f-btn);color:var(--f-btn-ink)!important;font:600 16px var(--font-sans);cursor:pointer;text-decoration:none;box-sizing:border-box;width:100%;transition:transform .15s}.f-cta:active{transform:scale(.98)}.f-cta:disabled{opacity:.5;cursor:not-allowed}.f-cta-52{height:52px;font-size:15px}.f-cta-50{height:50px;font-size:15px}.f-link-btn{background:none;border:0;border-radius:6px;padding:6px 12px;min-height:44px;cursor:pointer;color:inherit;font:600 14px var(--font-sans);text-decoration:underline;text-align:center}.f-link-small{font:500 12px var(--font-sans);color:var(--f-muted-2)}.f-opt{display:flex;align-items:center;gap:12px;min-height:58px;padding:10px 12px;border-radius:18px;width:100%;background:var(--f-row);border:1px solid var(--f-row-line);box-sizing:border-box;text-decoration:none;color:var(--f-ink);font:600 14px var(--font-sans);text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}div.f-opt{cursor:default}.f-opt-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.f-opt-text small{font:500 12px var(--font-sans);color:var(--f-muted-2)}.fan[data-theme=coral] .f-opt-text small,.fan[data-theme=violet] .f-opt-text small{color:var(--color-muted)}.f-mono-ink{background:var(--f-btn);color:var(--f-btn-ink)}.f-radio{height:60px;padding:0 16px 0 12px;font-size:15px;position:relative}.f-radio input{position:absolute;opacity:0;width:1px;height:1px}.f-radio:has(input:checked){border-color:var(--f-ink)}.f-radio:has(input:focus-visible){outline:2.5px solid var(--f-ink);outline-offset:2px}.f-ck{width:24px;height:24px;flex:none;border-radius:50%;margin-left:auto;display:flex;align-items:center;justify-content:center;border:2px solid var(--f-field-line);box-sizing:border-box;color:transparent}.f-radio:has(input:checked) .f-ck{background:var(--f-btn);border-color:var(--f-btn);color:var(--f-btn-ink)}.f-card{display:flex;gap:12px;align-items:center;padding:12px;border-radius:20px;background:var(--f-card);border:1px solid var(--f-card-line);box-sizing:border-box}.f-box{gap:10px;padding:16px;border-radius:20px;background:var(--f-soft)}.f-box,.f-field{display:flex;flex-direction:column}.f-field{gap:6px}.f-field label,.f-label{font:600 13px var(--font-sans);color:var(--f-ink);opacity:.86}.f-input{height:52px;width:100%;border-radius:14px;background:var(--f-field);border:1px solid var(--f-field-line);color:var(--f-ink);padding:0 14px;font:500 15px var(--font-sans);box-sizing:border-box}.f-input::placeholder{color:var(--f-placeholder);opacity:1;font-weight:400}.f-input:focus{border-color:var(--f-ink);outline:none;box-shadow:0 0 0 1.5px var(--f-ink)}.f-input[aria-invalid=true]{border-color:var(--f-danger)}.f-input[aria-invalid=true]:focus{box-shadow:0 0 0 1.5px var(--f-danger)}.f-check{display:flex;gap:10px;align-items:flex-start;font:500 13px/1.45 var(--font-sans);color:var(--f-muted);cursor:pointer;padding:12px 0;margin:-12px 0}.f-check input{-webkit-appearance:none;appearance:none;width:22px;height:22px;margin:0;flex:none;border-radius:7px;cursor:pointer;background:var(--f-field);border:1.5px solid var(--f-field-line);box-sizing:border-box;display:grid;place-content:center;transition:background-color .15s,border-color .15s}.f-check input:before{content:"";width:12px;height:12px;background:var(--f-btn-ink);transform:scale(0);transition:transform .15s;clip-path:polygon(14% 44%,0 65%,46% 100%,100% 18%,82% 4%,42% 66%)}.f-check>span{padding-top:1.5px}.f-check input:checked{background:var(--f-btn);border-color:var(--f-btn)}.f-check input:checked:before{transform:scale(1)}.f-check input[aria-invalid=true]{border-color:var(--f-danger);box-shadow:0 0 0 1.5px var(--f-danger)}.f-error{margin:0;font:500 13px/1.4 var(--font-sans);color:var(--f-danger)}.f-note{margin:0;font:500 13px/1.5 var(--font-sans);color:var(--f-muted)}.f-avatar{border-radius:50%;background:var(--f-block);box-shadow:inset 0 0 0 1px var(--f-block-line);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;flex:none;overflow:hidden;position:relative}.f-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.f-saved{gap:22px}.f-saved-cover{width:min(56%,216px);margin:6px 0 10px;animation:f-rise .5s cubic-bezier(.2,.8,.2,1) both}.f-seal{position:absolute;right:-18px;bottom:-18px;width:68px;height:68px;border-radius:50%;background:#fff;color:var(--color-ink);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 28px rgba(27,31,38,.28),0 0 0 1px rgba(27,31,38,.06);animation:f-pop-big .5s cubic-bezier(.2,.9,.3,1.3) .25s both}.f-seal b{font-size:20px}.f-seal-ok{position:absolute;right:-3px;bottom:-3px;width:26px;height:26px;border-radius:50%;box-sizing:border-box;background:var(--f-key-seal);color:#fff;border:2.5px solid #fff;display:flex;align-items:center;justify-content:center}.f-seal-ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--f-key-dot);opacity:0;pointer-events:none;animation:f-ring .9s ease-out .6s 1 both}.f-saved-head{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.f-saved-head h1{margin:0;font:600 30px/1.08 var(--font-display);letter-spacing:-.03em}.f-saved-head p{margin:0;max-width:34ch;font:400 15px/1.5 var(--font-sans);overflow-wrap:anywhere}.f-saved-actions{display:flex;flex-direction:column;align-items:center;gap:4px}.f-quiet-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 14px;border-radius:999px;font:600 14px var(--font-sans);text-decoration:none;white-space:nowrap;transition:background-color .15s}.f-quiet-btn:hover{background:var(--f-tonal)}.f-saved-more{display:flex;flex-direction:column;gap:10px}.f-saved-more h2{margin:0}.f-more{border-radius:var(--radius-card);background:var(--f-row);border:1px solid var(--f-row-line);overflow:hidden}.f-more .f-opt{min-height:68px;padding:10px 12px;border:0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;transition:background-color .15s}.f-more .f-opt+.f-opt{border-top:1px solid var(--f-rule)}.f-more a.f-opt:hover{background:color-mix(in srgb,var(--f-ink) 4%,transparent)}.f-more .f-mono{width:40px;height:40px;border-radius:50%;background:var(--f-tonal)}.f-more .f-mono-ink{background:var(--f-btn)}.f-opt-go,.fan .f-more .f-opt-text small{color:var(--f-muted)}.f-opt-go{flex:none}.fan .f-more .f-opt:focus-visible{outline-offset:-3px;border-radius:18px}.f-seal-fail{animation:f-pop-big .45s cubic-bezier(.2,.9,.3,1.3) .2s both,f-shake .5s ease-in-out .75s}.f-seal-x{background:var(--color-red)}.f-why{margin:6px 0 0;max-width:36ch;text-align:center;font:400 13px/1.5 var(--font-sans);color:var(--f-muted)}.f-why b{font-weight:600;color:var(--f-ink)}.f-more .f-opt{font-size:15px}.f-more .f-opt .f-opt-text small{font-size:12px}.f-saved-more>.f-box{border-radius:var(--radius-card)}.f-player{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding:12px;box-sizing:border-box;pointer-events:none}.f-player>*{pointer-events:auto}.f-play-btn{order:2;width:56px;height:56px;flex:none;border-radius:50%;border:0;background:#fff;color:var(--color-ink);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.32);transition:transform .15s}.f-play-btn:hover{transform:scale(1.05)}.f-play-btn:active{transform:scale(.96)}.fan .f-play-btn:focus-visible{outline:2.5px solid #fff;outline-offset:2px;box-shadow:0 0 0 7px var(--color-ink)}.f-player-tag{order:1;display:flex;align-items:center;gap:8px;height:32px;padding:0 12px;min-width:0;border-radius:999px;background:rgba(27,31,38,.8);color:#fff;font:600 12px/1 var(--font-sans);font-variant-numeric:tabular-nums;white-space:nowrap}.f-progress{width:40px;height:3px;border-radius:3px;background:rgba(255,255,255,.32);overflow:hidden}.f-progress div{height:100%;background:var(--f-key-bar);transition:width .25s linear}.f-chip{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 12px;border-radius:999px;background:var(--f-btn);color:var(--f-btn-ink);font:600 12px var(--font-sans);white-space:nowrap;align-self:flex-start}.f-chip-light{background:var(--color-bg);color:var(--color-ink)}.f-chip-white{background:#fff;color:var(--color-ink);height:28px}.f-badge{font:600 11px var(--font-sans);color:var(--f-btn-ink);background:var(--f-btn);padding:4px 8px;border-radius:999px}.f-vinyl{width:200px;height:200px;border-radius:50%;background:var(--color-ink);position:relative;display:flex;align-items:center;justify-content:center;animation:f-spin 6s linear infinite}.f-vinyl i{position:absolute;border-radius:50%;border:1px solid var(--color-ink-2)}.f-vinyl b{width:64px;height:64px;border-radius:50%;background:var(--color-brand);align-items:center;justify-content:center;font:700 16px var(--font-display)}.f-cookies,.f-vinyl b{display:flex;color:#fff}.f-cookies{position:fixed;left:12px;right:12px;bottom:12px;z-index:50;max-width:420px;margin:0 auto;padding:18px;border-radius:24px;background:var(--color-ink);flex-direction:column;gap:12px;box-shadow:0 -10px 40px color-mix(in srgb,var(--color-ink) 25%,transparent);animation:f-up .5s cubic-bezier(.2,.8,.2,1) .4s both;font-family:var(--font-sans)}@media (min-width:1024px){.f-cookies{left:24px;right:auto;bottom:24px;margin:0;width:380px}}.f-cookies a{color:var(--f-pop)}.fan:is([data-theme=blue],[data-theme=dark]:not([data-mode=light]),[data-theme=image]) :is(.f-cookies,.f-toast){outline:1px solid rgba(255,255,255,.16)}.f-cookies :focus-visible{outline-color:#fff}.f-cookies button{flex:1;height:46px;border-radius:999px;font:600 14px var(--font-sans);cursor:pointer}.f-cookies-yes{border:0;background:#fff;color:var(--color-ink)}.f-cookies-no{border:1px solid var(--color-steel);background:transparent;color:#fff}.f-end{display:flex;flex-direction:column;padding:8px 12px;color:var(--f-muted)}.f-brand,.f-end{align-items:center}.f-brand{display:inline-flex;gap:8px;min-height:44px;padding:0 10px;box-sizing:border-box;font:500 12px var(--font-sans);letter-spacing:.01em;text-decoration:none}.f-brand:hover{color:var(--f-ink)}.f-brand .f-logo{display:block;flex:none}.f-brand .f-logo,.f-brand .f-logo img{width:16px;height:16px}.f-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:0 4px;font:500 12px/1.6 var(--font-sans)}.f-legal a,.f-legal button{color:inherit;text-decoration:underline;text-underline-offset:2px;display:inline-flex;align-items:center;min-height:44px;padding:0 8px;box-sizing:border-box;border-radius:6px}.f-legal button{border:0;background:none;font:inherit;cursor:pointer}.f-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:60;width:max-content;max-width:calc(100vw - 32px);box-sizing:border-box;padding:12px 18px;border-radius:24px;background:var(--color-ink);color:#fff;font:600 13px/1.35 var(--font-sans);text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.25);animation:f-toast .3s ease both}@media (max-width:1023.98px){.fan[data-cookies=open] .f-toast{bottom:calc(var(--f-cookies-h, 0px) + 4px)}}.f-hidden-view{visibility:hidden}.f-song{gap:0;padding:12px 20px 8px}.f-song-main{display:flex;flex-direction:column;gap:22px;flex:1;padding-top:10px}.f-song-main>*{animation:f-rise .55s cubic-bezier(.2,.8,.2,1) both}.f-song-main>.f-song-info{animation-delay:.07s}.f-song-info{display:flex;flex-direction:column;gap:20px;flex:1;min-width:0}.f-heading{display:flex;flex-direction:column;align-items:center;text-align:center}.f-title{margin:0;font:600 32px/1.08 var(--font-display);letter-spacing:-.03em;overflow-wrap:anywhere}.f-title[data-long]{font-size:25px;line-height:1.14;letter-spacing:-.02em}.f-artist{display:inline-flex;align-items:center;min-height:44px;padding:8px 10px;box-sizing:border-box;font:500 16px/1.3 var(--font-sans);color:var(--f-muted)!important;text-decoration:none;overflow-wrap:anywhere}.f-artist:hover{text-decoration:underline;text-underline-offset:3px}.f-status .f-live-dot{background:var(--f-key-dot);--f-pulse:var(--f-key-dot)}.f-status{margin:0;display:inline-flex;align-items:center;gap:9px;font:600 13px/1.3 var(--font-sans)}.f-notify{display:flex;flex-direction:column;gap:10px}.f-notify .f-opt{min-height:64px;padding:0 12px;font-size:15px;transition:background-color .15s}.f-notify .f-box,.f-notify .f-opt{border-radius:var(--radius-card)}.f-song-foot{margin-top:auto;padding-top:6px;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;font:500 13px/1.5 var(--font-sans);color:var(--f-muted)}.f-song-foot p{margin:0;max-width:100%}.f-address{overflow-wrap:anywhere}.f-after{padding-top:12px}.f-only-wide{display:none!important}@media (min-width:1024px){:where(.fan:not([data-demo])) .f-only-wide{display:flex!important}:where(.fan:not([data-demo])) .f-only-narrow{display:none!important}:where(.fan:not([data-demo])) .f-song{max-width:none;padding:0}:where(.fan:not([data-demo])) .f-song .f-top{position:absolute;top:24px;left:32px;right:32px;z-index:2}:where(.fan:not([data-demo])) .f-song-main{flex-direction:row;align-items:center;justify-content:center;gap:clamp(56px,7vw,104px);padding:84px 48px 28px;max-width:1240px;width:100%;margin:0 auto;box-sizing:border-box}:where(.fan:not([data-demo])) .f-song-main>.f-hero-cover{flex:0 1 440px;width:auto;min-width:0}:where(.fan:not([data-demo])) .f-song-main .f-cover-hero{box-shadow:0 2px 8px color-mix(in srgb,var(--f-shadow) 45%,transparent),0 48px 90px -28px var(--f-shadow)}:where(.fan:not([data-demo])) .f-song-info{flex:0 1 460px;gap:26px}:where(.fan:not([data-demo])) .f-heading{align-items:flex-start;text-align:left}:where(.fan:not([data-demo])) .f-status{order:-1;margin-bottom:16px;font-size:14px}:where(.fan:not([data-demo])) .f-title{font-size:clamp(44px,4.6vw,64px);line-height:1.02}:where(.fan:not([data-demo])) .f-title[data-long]{font-size:clamp(30px,2.8vw,38px);line-height:1.1}:where(.fan:not([data-demo])) .f-artist{padding:6px 0;margin-top:2px;font-size:19px}:where(.fan:not([data-demo])) .f-count{align-self:flex-start;margin-top:-8px}:where(.fan:not([data-demo])) .f-count>div{width:84px}:where(.fan:not([data-demo])) .f-count>div:first-child{width:72px;align-items:flex-start}:where(.fan:not([data-demo])) .f-count b{font-size:34px}:where(.fan:not([data-demo])) .f-count span{font-size:13px}:where(.fan:not([data-demo])) .f-song-foot{margin-top:0;padding-top:0;align-items:flex-start;text-align:left}:where(.fan:not([data-demo])) .f-player{padding:18px}:where(.fan:not([data-demo])) .f-play-btn{width:64px;height:64px}}@keyframes f-pop{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.25);opacity:1}to{transform:scale(1)}}@keyframes f-pop-big{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}@keyframes f-spin{to{transform:rotate(1turn)}}@keyframes f-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes f-float-up{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes f-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--f-pulse) 75%,transparent)}to{box-shadow:0 0 0 10px color-mix(in srgb,var(--f-pulse) 0%,transparent)}}@keyframes f-ring{0%{transform:scale(1);opacity:.9}to{transform:scale(1.9);opacity:0}}@keyframes f-shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}@keyframes f-up{0%{transform:translateY(110%)}to{transform:none}}@keyframes f-toast{0%{transform:translate(-50%,12px);opacity:0}to{transform:translate(-50%);opacity:1}}.f-logo-light,.fan .f-mark-light .f-logo-dark{display:none}.fan .f-mark-light .f-logo-light{display:block}.fan .f-mark-light:focus-visible{outline-color:#fff}.fan:is([data-theme=blue],[data-theme=dark]:not([data-mode=light])) .f-logo-dark{display:none}.fan:is([data-theme=blue],[data-theme=dark]:not([data-mode=light])) .f-logo-light{display:block}.fan[data-theme=image] .f-logo-dark{display:none}.fan[data-theme=image] .f-logo-light{display:block}.f-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fan[data-demo]{min-height:0;height:100%;overflow:hidden;transition:none}.fan[data-demo] .f-wash{position:absolute;height:100%}.fan[data-demo] .f-live-dot,.fan[data-demo] .f-song-main>*{animation:none}.fan:is([data-view=artist],[data-view=contest],[data-view=action],[data-view=expired],[data-view=not-found]):not([data-cover]):not([data-theme=image]){--f-glow:rgba(255,255,255,0.6);background-image:radial-gradient(120% 60% at 50% 0,var(--f-glow),transparent 72%);background-repeat:no-repeat}.fan:is([data-view=artist],[data-view=contest],[data-view=action],[data-view=expired]):is([data-theme=blue],[data-theme=dark]:not([data-mode=light])):not([data-cover]){--f-glow:color-mix(in srgb,var(--color-brand) 26%,transparent)}.fan[data-cover][data-theme=light]{--f-veil:rgba(255,255,255,0.8);--f-muted:var(--color-ink-2);--f-muted-2:var(--color-ink-2);--f-row:rgba(255,255,255,0.62);--f-row-line:rgba(27,31,38,0.08);--f-mono:#ffffff;--f-card:rgba(255,255,255,0.86);--f-card-line:transparent;--f-soft:rgba(255,255,255,0.62);--f-shadow:rgba(27,31,38,0.34)}.f-page{padding:12px 20px 16px;gap:20px}.f-h1{margin:0;font:600 30px/1.08 var(--font-display);letter-spacing:-.03em;overflow-wrap:anywhere}.f-h2{margin:0;font:600 24px/1.15 var(--font-display);letter-spacing:-.02em}.f-lead{margin:0;font:400 15px/1.5 var(--font-sans);color:var(--f-muted);overflow-wrap:anywhere}.f-lead-small{font:500 14px/1.45 var(--font-sans)}.f-page-head{gap:8px}.f-page-body,.f-page-head{display:flex;flex-direction:column}.f-page-body{gap:16px;flex:1}.f-stack{display:flex;flex-direction:column;gap:14px}.f-page-foot{margin:auto 0 0;padding-top:4px;text-align:center;font:500 12px/1.5 var(--font-sans);color:var(--f-muted);overflow-wrap:anywhere}.f-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border-radius:var(--radius-card);background:var(--f-row);border:1px solid var(--f-row-line);overflow:hidden}.f-list>*+*{border-top:1px solid var(--f-rule)}.f-item{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:10px 14px;box-sizing:border-box;border:0;background:none;color:var(--f-ink);font:600 15px/1.3 var(--font-sans);text-align:left;text-decoration:none;cursor:pointer;transition:background-color .15s}:is(a,button).f-item:hover{background:color-mix(in srgb,var(--f-ink) 4%,transparent)}.f-item:disabled{opacity:.55;cursor:default}.f-item-static{cursor:default}.fan .f-item:focus-visible{outline-offset:-3px;border-radius:18px}.f-item-text{flex:1;min-width:0;overflow-wrap:anywhere}.f-item-text small{display:block;margin-top:2px;font:500 12px/1.4 var(--font-sans);color:var(--f-muted)}.f-chev{color:var(--f-muted)}.f-chev,.f-item .f-badge{flex:none}.f-list .f-item-icon{width:40px;height:40px;flex:none;border-radius:50%;background:var(--f-tonal);color:var(--f-ink);display:flex;align-items:center;justify-content:center;font:700 13px/1 var(--font-display)}.f-list .f-item-icon-ink{background:var(--f-btn);color:var(--f-btn-ink)}.f-list .f-item-icon-mark{background:var(--f-mark);color:var(--f-mark-ink);font-family:var(--font-sans)}.f-item-turn{display:flex;flex:none;transition:transform .2s}.f-item-turned{transform:rotate(90deg)}.f-item-panel{display:flex;flex-direction:column;gap:10px;padding:4px 14px 16px}.f-banner{position:relative;flex:none;height:180px;border-radius:var(--radius-card);background:var(--f-block);box-shadow:inset 0 0 0 1px var(--f-block-line);overflow:hidden;display:flex;align-items:center;justify-content:center}.f-banner-tall{height:208px}.f-banner-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.f-banner-chip{position:absolute;left:14px;bottom:14px}.f-banner-label{position:absolute;left:14px;top:14px;display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:rgba(27,31,38,.8);color:#fff;font:600 11px var(--font-sans);letter-spacing:.1em;text-transform:uppercase;max-width:calc(100% - 28px);box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.f-lock{width:64px;height:64px;border-radius:50%;background:#fff;color:var(--color-ink);justify-content:center;position:relative;box-shadow:0 10px 28px rgba(0,0,0,.28)}.f-artist-head,.f-lock{display:flex;align-items:center}.f-artist-head{flex-direction:column;gap:10px;text-align:center;padding-top:2px}.f-artist-head .f-avatar,.f-aw-who .f-avatar{box-shadow:0 18px 40px -16px var(--f-shadow),inset 0 0 0 1px var(--f-block-line);margin-bottom:6px}.f-artist-head .f-lead{max-width:34ch;white-space:pre-line}.f-socials{flex-wrap:wrap;gap:10px;margin-top:6px}.f-soc,.f-socials{display:flex;justify-content:center}.f-soc{width:44px;height:44px;flex:none;border-radius:50%;background:var(--f-tonal);color:var(--f-ink);align-items:center;transition:background-color .15s,transform .15s}.f-soc:hover{background:color-mix(in srgb,var(--f-ink) 14%,transparent)}.f-soc:active{transform:scale(.94)}.f-artist-text{white-space:pre-line;font-size:14px;line-height:1.55}.f-feature{display:flex;align-items:center;gap:14px;padding:12px;border-radius:var(--radius-card);background:var(--f-row);border:1px solid var(--f-row-line);box-sizing:border-box;color:var(--f-ink);text-decoration:none;transition:background-color .15s}.f-feature-cover{width:104px;border-radius:14px;box-shadow:0 12px 26px -10px var(--f-shadow)}.f-feature-text{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.f-feature-status{display:inline-flex;align-items:center;gap:8px;font:600 12px/1.3 var(--font-sans)}.f-feature-title{font:600 19px/1.15 var(--font-display);letter-spacing:-.02em;overflow-wrap:anywhere}.f-feature-note{font:500 14px var(--font-sans);color:var(--f-muted)}.f-feature-go{display:inline-flex;align-items:center;height:36px;padding:0 16px;margin-top:2px;border-radius:999px;background:var(--f-btn);color:var(--f-btn-ink);font:600 13px/1 var(--font-sans);white-space:nowrap;transition:transform .15s}.f-feature:active .f-feature-go{transform:scale(.96)}.f-artist-wide{display:none}@media (min-width:900px){.f-artist-narrow{display:none}.f-artist-wide{display:flex;flex-direction:column;align-items:center;flex:1;gap:48px;padding:24px 32px 32px;box-sizing:border-box}.f-artist-wide>*{width:100%;max-width:1120px}.f-aw-hero{display:flex;flex-wrap:wrap;align-items:center;gap:48px;padding-top:8px}.f-aw-who{flex:1 1 380px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.f-aw-name{font:600 clamp(48px,5.4vw,76px)/.98 var(--font-display);letter-spacing:-.035em;text-wrap:balance}.f-aw-bio,.f-aw-name{margin:0;overflow-wrap:anywhere}.f-aw-bio{max-width:460px;font:400 18px/1.55 var(--font-sans);color:var(--f-muted);white-space:pre-line}.f-aw-who .f-socials{justify-content:flex-start;margin-top:2px}.f-aw-who .f-soc{width:48px;height:48px}.f-feature-wide{flex:1 1 440px;gap:24px;padding:20px}.f-feature-wide:hover{background:color-mix(in srgb,var(--f-row) 80%,var(--f-ink) 4%)}.f-feature-wide .f-feature-cover{width:200px;border-radius:18px}.f-feature-wide .f-feature-text{gap:10px}.f-feature-wide .f-feature-status{font-size:13px}.f-feature-wide .f-feature-title{font-size:30px;line-height:1.08;letter-spacing:-.03em}.f-feature-wide .f-feature-go{height:44px;padding:0 22px;font-size:14px;margin-top:4px}.f-aw-section{display:flex;flex-direction:column;gap:18px}.f-aw-music{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:26px 20px}.f-rel{display:flex;flex-direction:column;gap:3px;color:var(--f-ink);text-decoration:none;border-radius:18px}.f-rel .f-cover{width:100%;margin-bottom:9px;border-radius:18px;box-shadow:0 14px 30px -16px var(--f-shadow);transition:transform .2s}.f-rel:hover .f-cover{transform:translateY(-4px)}.f-rel b{font:600 15px/1.3 var(--font-sans);overflow-wrap:anywhere}.f-rel span{font:500 13px var(--font-sans);color:var(--f-muted)}.f-aw-more{display:flex;flex-wrap:wrap;align-items:flex-start;gap:24px}.f-video{flex:2 1 520px;aspect-ratio:16/9;border-radius:var(--radius-card);background:var(--f-block);box-shadow:inset 0 0 0 1px var(--f-block-line);overflow:hidden;text-decoration:none}.f-video,.f-video-play{position:relative;display:flex;align-items:center;justify-content:center}.f-video-play{width:72px;height:72px;border-radius:50%;background:#fff;color:var(--color-ink);box-shadow:0 10px 28px rgba(0,0,0,.32);transition:transform .15s}.f-video:hover .f-video-play{transform:scale(1.05)}.f-video-title{position:absolute;left:22px;bottom:18px;right:22px;font:600 14px var(--font-sans);color:#fff}.f-aw-links{flex:1 1 320px;min-width:0}.f-aw-links .f-item{min-height:64px;padding:10px 18px;font-size:16px}.f-follow-btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;border:0;background:var(--f-btn);color:var(--f-btn-ink);font:600 14px var(--font-sans);cursor:pointer;white-space:nowrap;transition:transform .15s}.f-follow-btn:active{transform:scale(.97)}}.f-prize{font:500 15px/1.4 var(--font-sans);overflow-wrap:anywhere}.f-points{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--radius-card);background:var(--f-soft)}.f-points b{font:600 30px/1 var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.f-points span{font:500 13px/1.4 var(--font-sans);color:var(--f-muted)}.f-num{width:32px;height:32px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font:600 13px var(--font-display);background:var(--f-tonal);color:var(--f-ink)}.f-num-done{background:var(--f-btn);color:var(--f-btn-ink)}.f-pts{flex:none;margin-left:auto;font:600 13px var(--font-sans);color:var(--f-accent-ink);white-space:nowrap}.f-pick{position:relative}.f-pick input{position:absolute;opacity:0;width:1px;height:1px}.f-pick:has(input:checked){background:color-mix(in srgb,var(--f-ink) 5%,transparent)}.f-pick:has(input:checked) .f-ck{background:var(--f-btn);border-color:var(--f-btn);color:var(--f-btn-ink)}.f-pick:has(input:focus-visible){outline:2.5px solid var(--f-ink);outline-offset:-3px;border-radius:18px}.f-suggest{border-radius:var(--radius-card);background:var(--f-row);border:1px solid var(--f-row-line);overflow:hidden;text-align:left}.f-suggest-label{display:block;padding:12px 14px 0;font:500 12px var(--font-sans);color:var(--f-muted)}.f-suggest-cover{width:44px;border-radius:10px}.f-unavailable{justify-content:center;align-items:center;gap:16px;text-align:center}.f-unavailable .f-lead{max-width:30ch}.f-offline{width:84px;height:84px;margin-bottom:4px;border-radius:50%;background:var(--f-tonal);color:var(--f-ink);display:flex;align-items:center;justify-content:center}.fan[data-theme=image] :is(.f-list,.f-feature){--f-rule:rgba(27,31,38,0.11);--f-tonal:rgba(27,31,38,0.08)}.fan[data-theme=image] .f-soc{background:rgba(255,255,255,.94)}.fan[data-theme=image] .f-top-actions .f-pill-btn{color:var(--color-ink)}.fan[data-theme=image] .f-follow-btn{box-shadow:0 0 0 1px rgba(27,31,38,.2)}