[data-like-fan=true]{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.eterna-like-fan{z-index:10300;box-sizing:border-box;padding:var(--safe-top,0px) 0 var(--safe-bottom,0px);pointer-events:none;contain:layout style;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:fixed;inset:0}.eterna-like-fan[data-slider=true],.eterna-like-fan[data-slider=true] :is(.eterna-like-fan-dim,.eterna-like-fan-chip){touch-action:none}.eterna-like-fan[data-phase=closing]{animation:.22s ease-in forwards eterna-like-fan-out}.eterna-like-fan[data-phase=closing]:has([data-picked=true]){animation-delay:.3s}@keyframes eterna-like-fan-out{to{opacity:0}}@keyframes eterna-like-fan-fade-in{0%{opacity:0}}.eterna-like-fan-dim{background:#06031075;animation:.22s ease-out both eterna-like-fan-fade-in;position:absolute;inset:0}.eterna-like-fan-dim[data-dim=true]{background:#06040e9e;animation:.18s ease-out both eterna-like-fan-fade-in}.eterna-like-fan-stage{width:0;height:0;position:absolute;top:0;left:0}.eterna-like-fan[data-layout=inline]{z-index:auto;isolation:isolate;padding:var(--stage-h) 0 0;contain:none;position:relative;inset:auto}.eterna-like-fan[data-layout=inline]>.eterna-like-fan-stage{left:50%}.eterna-like-fan[data-disabled=true]{opacity:.55}.eterna-like-fan[data-disabled=true] :is(button,.eterna-like-fan-dim){pointer-events:none!important}.eterna-like-fan[data-phase=pinned] :is(.eterna-like-fan-dim,button),.eterna-like-fan[data-phase=closing] .eterna-like-fan-dim,.eterna-like-fan-dim[data-trap]{pointer-events:auto}.eterna-like-fan-dim{touch-action:none}.eterna-like-fan-dim[data-trap=released]{animation:.36s linear both eterna-like-fan-trap}@keyframes eterna-like-fan-trap{to{opacity:0}}.eterna-like-fan-chip{width:var(--chip-w);height:var(--chip-h);color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transform:translate(-50%, -50%) translate(var(--x), var(--y));animation:.4s cubic-bezier(.34,1.5,.64,1) backwards eterna-like-fan-in;animation-delay:calc(var(--i,0) * 30ms + 40ms);will-change:transform, opacity;background:0 0;border:0;margin:0;padding:0;font-size:15px;font-weight:900;line-height:1;transition:opacity .16s;position:absolute}.eterna-like-fan[data-size=s] .eterna-like-fan-chip{font-size:13.5px}.eterna-like-fan-chip[data-custom=true]{touch-action:none}@keyframes eterna-like-fan-in{0%{opacity:0;transform:translate(-50%, -50%) translate(var(--dx), var(--dy)) scale(.2)}45%{opacity:1}}.eterna-like-fan .eterna-like-fan-chip[data-swap=true]{animation:.3s cubic-bezier(.34,1.5,.64,1) backwards eterna-like-fan-swap;animation-delay:calc(var(--i,0) * 24ms)}@keyframes eterna-like-fan-swap{0%{opacity:0;transform:translate(-50%, -50%) translate(var(--x), var(--y)) scale(.55)}}.eterna-like-fan-chip:before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--neon-pink), transparent 35%), color-mix(in srgb, var(--neon-main), transparent 70%) 55%, transparent);opacity:0;pointer-events:none;animation:.46s ease-out both eterna-like-fan-glint;animation-delay:calc(var(--i,0) * 30ms + .12s);border-radius:9999px;position:absolute;inset:-16px -14px}@keyframes eterna-like-fan-glint{0%{opacity:.85;transform:scale(1.1)}to{opacity:0;transform:scale(.9)}}.eterna-like-fan-face{transform:scale(var(--s,1));isolation:isolate;border-radius:9999px;justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.34,1.5,.64,1),--gold-fill .14s;display:flex;position:absolute;inset:0}.eterna-like-fan-face:not(.eterna-gold){border:1.5px solid color-mix(in srgb, var(--neon-main), transparent 30%);background:radial-gradient(120% 150% at 50% 0%, color-mix(in srgb, var(--neon-main), #0b0716 70%), #0b0716 88%);box-shadow:0 0 14px color-mix(in srgb, var(--neon-main), transparent 45%), inset 0 0 10px color-mix(in srgb, var(--neon-main), transparent 72%)}.eterna-like-fan-face[data-custom=true]{white-space:normal;text-align:center;padding:0 8px;font-size:11.5px;line-height:1.05}.eterna-like-fan[data-size=s] .eterna-like-fan-face[data-custom=true]{padding:0 3px;font-size:10px}.eterna-like-fan .eterna-like-fan-face[data-cancel=true]{color:#ffffffb8;font-size:12px}.eterna-like-fan-face:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(135deg, var(--neon-main), var(--neon-pink));box-shadow:0 0 22px color-mix(in srgb, var(--neon-pink), transparent 35%), 0 0 44px color-mix(in srgb, var(--neon-main), transparent 65%);opacity:0;transition:opacity .14s;position:absolute;inset:-1.5px}.eterna-like-fan-chip:is([data-hot=true],[data-picked=true]){--s:1.18;z-index:1}.eterna-like-fan-chip:is([data-hot=true],[data-picked=true]) .eterna-like-fan-face:before{opacity:1}.eterna-like-fan-chip[data-hot=true]:before{animation:.46s ease-out both eterna-like-fan-glint,1.1s ease-in-out infinite alternate eterna-like-fan-breathe}@keyframes eterna-like-fan-breathe{0%{opacity:.55;transform:scale(.94)}to{opacity:1;transform:scale(1.1)}}.eterna-like-fan[data-aim=true] .eterna-like-fan-chip:not([data-hot=true]){opacity:.55}@media (hover:hover) and (pointer:fine){.eterna-like-fan[data-phase=pinned][data-mouse=true] .eterna-like-fan-chip:hover{--s:1.12}.eterna-like-fan[data-phase=pinned][data-mouse=true] .eterna-like-fan-chip:hover .eterna-like-fan-face:before{opacity:1}}.eterna-like-fan[data-phase=pinned] .eterna-like-fan-chip:active{--s:.94}.eterna-like-fan-chip:focus-visible{outline:none}.eterna-like-fan-chip:focus-visible .eterna-like-fan-face{outline-offset:3px;outline:2px solid #fff}.eterna-like-fan-slider{pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}.eterna-like-fan-slider-track,.eterna-like-fan-slider-fill{left:var(--sx);border-radius:9999px;position:absolute}.eterna-like-fan-slider-track{background:color-mix(in srgb, var(--neon-main), transparent 72%);width:2px;margin-left:-1px;animation:.22s ease-out both eterna-like-fan-slider-in}.eterna-like-fan-slider-fill{background:linear-gradient(0deg, var(--neon-main), var(--neon-pink));width:3px;box-shadow:0 0 8px color-mix(in srgb, var(--neon-pink), transparent 50%);margin-left:-1.5px}@keyframes eterna-like-fan-slider-in{0%{opacity:0}}.eterna-like-fan-slider-thumb{z-index:2;background:radial-gradient(circle, color-mix(in srgb, var(--like-heart), transparent 55%), transparent 70%);width:36px;height:36px;transform:translate3d(var(--sx), var(--sy), 0);will-change:transform;border-radius:9999px;margin:-18px 0 0 -18px;position:absolute;top:0;left:0}.eterna-like-fan-slider-thumb svg{width:30px;height:30px;position:absolute;inset:3px;overflow:visible}.eterna-like-fan-slider-hit{z-index:3;left:var(--sx);pointer-events:auto;touch-action:none;cursor:ns-resize;-webkit-tap-highlight-color:transparent;border-radius:9999px;position:absolute;transform:translate(-50%)}.eterna-like-fan-slider-hit:focus-visible{outline-offset:2px;outline:2px solid #fff}.eterna-like-fan-slider-value{z-index:4;top:var(--ly);left:var(--lx);border:1.5px solid color-mix(in srgb, var(--neon-main), transparent 30%);background:radial-gradient(120% 150% at 50% 0%, color-mix(in srgb, var(--neon-main), #0b0716 70%), #0b0716 88%);min-width:72px;box-shadow:0 0 18px color-mix(in srgb, var(--neon-main), transparent 45%);color:#fff;font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;border-radius:9999px;padding:7px 16px;font-size:28px;font-weight:900;line-height:1;position:absolute;transform:translate(-50%,-50%)}.eterna-like-fan-slider[data-cancel=true] .eterna-like-fan-slider-fill{opacity:0}.eterna-like-fan[data-mode=patron] .eterna-like-fan-slider,.eterna-like-fan[data-mode=patron][data-slider=true] .eterna-like-fan-finger{--neon-main:var(--gold-brand-deep);--neon-pink:var(--gold-brand);--like-heart:var(--gold-brand)}.eterna-like-fan[data-mode=patron] .eterna-like-fan-slider-value{border-color:var(--gold-brand-edge);background:linear-gradient(var(--gold-brand-wash), var(--gold-brand-wash)), #0b0716;box-shadow:0 0 18px color-mix(in srgb, var(--gold-brand), transparent 55%);color:var(--gold-brand-line);flex-direction:column;align-items:center;gap:5px;display:flex}.eterna-like-fan-slider-level{letter-spacing:.01em;align-items:center;gap:5px;font-size:12px;font-weight:800;line-height:16px;display:flex}.eterna-like-fan-slider-level svg{flex:none;width:16px;height:16px}.eterna-like-fan{--gold-brand-edge:var(--gold-brand-dark-edge);--gold-brand-line:var(--gold-brand-dark-line);--gold-brand-wash:var(--gold-brand-dark-wash)}.eterna-like-fan :is(.eterna-like-fan-face,.eterna-like-fan-mode-face).eterna-gold{background-color:#0b0716}.eterna-like-fan[data-mode=patron] .eterna-like-fan-chip{--neon-main:var(--gold-brand-deep);--neon-pink:var(--gold-brand)}.eterna-like-fan-face.eterna-gold:before{display:none}.eterna-like-fan-chip:is([data-hot=true],[data-picked=true]) .eterna-like-fan-face.eterna-gold{--gold-fill:1}@media (hover:hover) and (pointer:fine){.eterna-like-fan[data-phase=pinned][data-mouse=true] .eterna-like-fan-chip:hover .eterna-like-fan-face.eterna-gold{--gold-fill:1}}.eterna-like-fan-mode{z-index:1;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0;transition:opacity .16s;animation:.32s cubic-bezier(.34,1.5,.64,1) .18s both eterna-like-fan-pop;position:absolute;transform:translate(-50%,-50%)}.eterna-like-fan-mode-face{letter-spacing:.01em;white-space:nowrap;transform:scale(var(--s,1));border-width:1.5px;border-radius:9999px;justify-content:center;align-items:center;gap:9px;font-size:12.5px;font-weight:800;line-height:1;transition:transform .2s cubic-bezier(.34,1.5,.64,1),--gold-fill .14s;animation:.26s cubic-bezier(.34,1.5,.64,1) eterna-like-fan-mode-in;display:flex;position:absolute;inset:0}.eterna-like-fan-mode .eterna-like-fan-mode-face{font-size:13.5px;font-weight:900}.eterna-like-fan[data-size=s] .eterna-like-fan-mode .eterna-like-fan-mode-face{gap:7px;font-size:12.5px}.eterna-like-fan-switch{background:var(--gold-brand-wash);width:32px;height:19px;box-shadow:inset 0 0 0 1.5px var(--gold-brand-edge);border-radius:9999px;flex:none;position:relative}.eterna-like-fan-switch-knob{background:var(--gold-brand-line);border-radius:9999px;width:12px;height:12px;transition:transform .22s cubic-bezier(.34,1.5,.64,1);position:absolute;top:3.5px;left:3.5px;box-shadow:0 1px 3px #00000073}.eterna-like-fan-mode[data-on=true] .eterna-like-fan-switch{background:linear-gradient(135deg, var(--gold-brand-fill-from), var(--gold-brand-fill-mid), var(--gold-brand-fill-to));box-shadow:0 0 10px color-mix(in srgb, var(--gold-brand), transparent 45%)}.eterna-like-fan-mode[data-on=true] .eterna-like-fan-switch-knob{background:var(--gold-brand-on-fill);transform:translate(13px)}.eterna-like-fan-mode[data-kind=locked]{pointer-events:none;cursor:default}.eterna-like-fan-mode[data-kind=locked] .eterna-like-fan-mode-face{border:1.5px solid var(--border);background:var(--soft-surface,color-mix(in srgb, var(--bg-card), transparent 10%));color:var(--text-muted);opacity:.85}.eterna-like-fan-mode[data-kind=locked] .eterna-like-fan-switch{background:color-mix(in srgb, var(--text-muted), transparent 80%);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--text-muted), transparent 50%)}.eterna-like-fan-mode[data-kind=locked] .eterna-like-fan-switch-knob{background:var(--text-muted);box-shadow:none}.eterna-like-fan-line{z-index:2;color:var(--gold-brand-dark-line);text-align:center;text-wrap:balance;text-shadow:0 1px 6px #0b0716;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:700;line-height:14px;animation:.26s ease-out .2s both eterna-like-fan-fade-in;display:flex;position:absolute;transform:translate(-50%)}.eterna-like-fan-line>span>button{vertical-align:-5px;text-shadow:none}.eterna-like-fan-balance{z-index:2;color:#fff;white-space:nowrap;text-shadow:0 1px 6px #0b0716;pointer-events:none;flex-direction:column;align-items:center;gap:1px;font-size:11px;font-weight:700;line-height:14px;animation:.26s ease-out .2s both eterna-like-fan-fade-in;display:flex;position:absolute;transform:translate(-50%,-100%)}.eterna-like-fan-balance>span{align-items:center;gap:3px;display:inline-flex}.eterna-like-fan-balance b{font-variant-numeric:tabular-nums;font-weight:800}.eterna-like-fan-balance-spark{width:12px;height:12px;color:var(--spark-gold);flex:none}.eterna-like-fan:not([data-layout]) :is(.eterna-like-fan-line>span,.eterna-like-fan-balance>span){background:#0b0716d1;border-radius:9999px;padding:1px 8px}.eterna-like-fan-line[data-locked=true]{color:#ffffff94;font-weight:600}.eterna-like-fan[data-phase=drag] .eterna-like-fan-line{pointer-events:none}.eterna-like-fan[data-layout=inline] .eterna-like-fan-line{max-width:236px;color:var(--gold-brand-line);text-shadow:none;margin:0 auto;position:static;transform:none}.eterna-like-fan[data-layout=inline] .eterna-like-fan-line[data-locked=true]{color:var(--text-muted)}.eterna-like-fan[data-layout=inline] .eterna-like-fan-disable{color:var(--text-secondary)}.eterna-like-fan-disable{color:#ffffffc7;font:inherit;text-underline-offset:3px;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0 4px;font-weight:800;text-decoration:underline}.eterna-like-fan-amount{transform:scale(var(--label-k,1));flex-direction:column;align-items:center;line-height:1;display:flex}.eterna-like-fan-price{opacity:.72;margin-top:2px;font-size:10px;font-weight:800;display:block}.eterna-like-fan-mode[data-hot=true]{--s:1.05}.eterna-like-fan-mode[data-hot=true] .eterna-like-fan-mode-face.eterna-gold{--gold-fill:1}@media (hover:hover) and (pointer:fine){.eterna-like-fan[data-phase=pinned][data-mouse=true] .eterna-like-fan-mode:hover{--s:1.05}.eterna-like-fan[data-phase=pinned][data-mouse=true] .eterna-like-fan-mode:hover .eterna-gold{--gold-fill:1}}.eterna-like-fan[data-phase=pinned] .eterna-like-fan-mode:active{--s:.94}.eterna-like-fan-mode:focus-visible{outline:none}.eterna-like-fan-mode:focus-visible .eterna-like-fan-mode-face{outline-offset:3px;outline:2px solid #fff}@keyframes eterna-like-fan-mode-in{0%{opacity:.4;transform:scale(.82)}}.eterna-like-fan[data-phase=closing] .eterna-like-fan-mode{opacity:0}.eterna-like-fan .eterna-like-fan-chip[data-picked=true] .eterna-like-fan-face:after{content:"";border-radius:inherit;border:2px solid var(--neon-pink);box-shadow:0 0 18px var(--neon-pink);animation:eterna-like-fan-flash .46s ease-out var(--burst-delay,0s) both;position:absolute;inset:-2px}.eterna-like-fan:has(.eterna-like-fan-finger[data-fly=true]){--burst-delay:.17s}@keyframes eterna-like-fan-flash{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.eterna-like-fan-spark{background:radial-gradient(closest-side, #fff, var(--neon-pink) 60%, transparent);opacity:0;pointer-events:none;width:6px;height:6px;animation:eterna-like-fan-burst .42s cubic-bezier(.2, .7, .3, 1) var(--burst-delay,0s) both;border-radius:9999px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%}@keyframes eterna-like-fan-burst{0%{opacity:1;transform:rotate(var(--d)) translateX(20px) scale(1.2)}to{opacity:0;transform:rotate(var(--d)) translateX(58px) scale(.3)}}.eterna-like-fan[data-phase=closing] .eterna-like-fan-chip:not([data-picked=true]){--s:.7;opacity:0}.eterna-like-fan-ring{pointer-events:none;position:absolute;inset:-1.5px;overflow:visible}.eterna-like-fan-ring rect{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;animation:eterna-like-fan-hold var(--hold-ms,.8s) linear forwards}@keyframes eterna-like-fan-hold{to{stroke-dashoffset:0}}@keyframes eterna-like-fan-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}}.eterna-like-fan-hint{border:1px solid color-mix(in srgb, var(--neon-main), transparent 55%);color:#fff;white-space:nowrap;background:#0a0618e0;border-radius:9999px;padding:6px 12px;font-size:12px;font-weight:800;animation:.26s .2s both eterna-like-fan-fade-in;position:absolute;transform:translate(-50%,-50%)}.eterna-like-fan-finger{z-index:3;background:radial-gradient(circle, color-mix(in srgb, var(--like-heart), transparent 55%), transparent 70%);width:36px;height:36px;transform:translate3d(var(--fx,-100px), var(--fy,-100px), 0);will-change:transform;border-radius:9999px;margin:-18px 0 0 -18px;position:absolute;top:0;left:0}.eterna-like-fan-finger svg{width:30px;height:30px;position:absolute;inset:3px;overflow:visible}.eterna-like-fan-finger-line path{fill:none;stroke:#fff;stroke-width:1.8px;stroke-linejoin:round}.eterna-like-fan-finger-fill{transform-origin:50% 60%;animation:eterna-like-fan-fill var(--press-ms,.32s) cubic-bezier(.3, 0, .6, 1) forwards}.eterna-like-fan-finger-fill path{fill:var(--like-heart)}@keyframes eterna-like-fan-fill{0%{transform:scale(0)}to{transform:scale(1)}}.eterna-like-fan:not([data-phase=press]) .eterna-like-fan-finger-fill{animation:none}.eterna-like-fan-finger[data-fly=true]{opacity:0;transition:transform .18s cubic-bezier(.4,0,.2,1),opacity .12s .16s}.eterna-like-fan-finger[data-fly=true] svg{transition:transform .18s cubic-bezier(.34,1.5,.64,1);transform:scale(1.3)}@media (prefers-reduced-motion:reduce){.eterna-like-fan-chip,.eterna-like-fan-chip:before,.eterna-like-fan-face,.eterna-like-fan-face:after,.eterna-like-fan-spark,.eterna-like-fan-hint,.eterna-like-fan-balance,.eterna-like-fan-dim:not([data-trap]),.eterna-like-fan[data-phase=closing],.eterna-like-fan-finger[data-fly=true],.eterna-like-fan-finger[data-fly=true] svg,.eterna-like-fan .eterna-like-fan-chip[data-swap=true],.eterna-like-fan-mode,.eterna-like-fan-mode-face,.eterna-like-fan-slider-track{transition:none;animation-duration:1ms;animation-delay:0s}.eterna-like-fan[data-phase=closing]:has([data-picked=true]){transition:none;animation-duration:1ms;animation-delay:0s}.eterna-like-fan-chip[data-hot=true]:before{animation:none}}
