.hotnot-modal{position:fixed;inset:0;z-index:220;display:none;align-items:stretch;justify-content:center;padding:0;background:radial-gradient(circle at 50% 50%,rgba(239,68,68,.14) 0%,transparent 55%),radial-gradient(circle at 20% 80%,rgba(245,158,11,.12) 0%,transparent 55%),radial-gradient(circle at 80% 20%,rgba(239,68,68,.10) 0%,transparent 55%),rgba(8,10,16,.82);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);opacity:0;transition:opacity .25s ease;overscroll-behavior:contain}.hotnot-modal.is-open{display:flex;opacity:1}.hotnot-modal::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .2 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");opacity:.35;mix-blend-mode:overlay}.hotnot-frame{position:relative;width:100%;max-width:none;height:100dvh;margin:0;display:flex;flex-direction:column;overflow:hidden;background:transparent;color:#fff;transform:scale(.98);transition:transform .3s var(--ease-pop)}.hotnot-modal.is-open .hotnot-frame{transform:scale(1)}.hotnot-header{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:flex-start;gap:14px;padding:14px 110px 18px 18px;min-height:70px;background:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}@media (max-width: 600px){.hotnot-header{padding:10px 100px 14px 12px;gap:8px;min-height:58px}.hotnot-title{font-size:13px;gap:8px}.hotnot-title .flame{width:24px;height:24px;font-size:12px}.hotnot-close{top:10px;right:12px;width:36px;height:36px}.hotnot-mute{top:10px;right:56px;width:36px;height:36px}.hotnot-close svg,.hotnot-mute svg{width:16px;height:16px}}.hotnot-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:800;letter-spacing:-.01em}.hotnot-title .flame{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#ef4444,#f59e0b);box-shadow:0 6px 16px -4px rgba(239,68,68,.5);font-size:14px}.hotnot-tally{display:flex;align-items:center;gap:14px;font-size:12px;font-weight:700;letter-spacing:.02em}.hotnot-tally span{display:inline-flex;align-items:center;gap:6px}.hotnot-tally .tally-hot{color:#fca5a5}.hotnot-tally .tally-not{color:#93c5fd}.hotnot-tally em{font-style:normal;font-size:14px;font-weight:900;color:#fff;min-width:14px;display:inline-block;text-align:center}.hotnot-close{position:absolute;top:14px;right:18px;z-index:25;width:40px;height:40px;border-radius:999px;background:rgba(0,0,0,.45);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;flex-shrink:0;transition:background .15s,transform .15s,border-color .15s,color .15s}.hotnot-close:hover{background:rgba(239,68,68,.9);border-color:rgba(239,68,68,1);transform:rotate(90deg)}.hotnot-close svg{width:18px;height:18px}.hotnot-mute{position:absolute;top:14px;right:66px;z-index:25;width:40px;height:40px;border-radius:999px;background:rgba(0,0,0,.45);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;flex-shrink:0;transition:background .15s,transform .15s,border-color .15s,color .15s}.hotnot-mute:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.25);transform:scale(1.05)}.hotnot-mute svg{width:18px;height:18px}.hotnot-mute .ic-off{display:none}.hotnot-mute.is-muted .ic-on{display:none}.hotnot-mute.is-muted .ic-off{display:block;color:#f87171}.hotnot-mute.is-muted{color:rgba(255,255,255,.55)}@media (prefers-reduced-motion: reduce){.hotnot-close:hover{transform:none}.hotnot-mute:hover{transform:none}}.hotnot-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.08);overflow:hidden}.hotnot-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#ef4444,#f59e0b);transition:width .35s var(--ease-card);box-shadow:0 0 12px rgba(239,68,68,.5)}.hotnot-hero{flex-shrink:0;padding:24px 24px 8px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;transition:padding .4s var(--ease-card)}.hotnot-hero.is-warmed-up{padding:16px 24px 6px;gap:10px}@media (min-width: 900px){.hotnot-hero{padding:28px 24px 8px;gap:16px}.hotnot-hero.is-warmed-up{padding:18px 24px 6px;gap:12px}}.hotnot-hero-title{margin:0;font-weight:900;letter-spacing:-.03em;line-height:.95;display:flex;align-items:baseline;justify-content:center;gap:14px;font-size:clamp(32px,5.5vw,56px);text-transform:uppercase;transition:font-size .4s var(--ease-card),opacity .3s ease}.hotnot-hero.is-warmed-up .hotnot-hero-title{font-size:clamp(20px,2.8vw,28px)}.hotnot-hero-title .t-rate{background:linear-gradient(180deg,#fff 30%,rgba(255,255,255,.7));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hotnot-hero-title .t-the{color:rgba(255,255,255,.45);font-weight:500;font-style:italic;letter-spacing:-.01em}.hotnot-hero-title .t-heat{background:linear-gradient(180deg,#fbbf24 0%,#ef4444 50%,#b91c1c 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 20px rgba(239,68,68,.35))}.hotnot-hero-title .t-flame{-webkit-text-fill-color:initial;font-size:.8em;filter:drop-shadow(0 4px 14px rgba(239,68,68,.55));animation:heroFlame 2.4s ease-in-out infinite;transform-origin:50% 100%}@keyframes heroFlame{0%,100%{transform:scale(1) translateY(0) rotate(0)}50%{transform:scale(1.08) translateY(-2px) rotate(-3deg)}}.hotnot-hero-sub{margin:0;color:rgba(255,255,255,.62);font-size:14px;max-width:480px;transition:opacity .3s ease,max-height .4s ease,margin .3s ease}.hotnot-hero-sub strong{color:rgba(255,255,255,.95);font-weight:700}.hotnot-hero.is-warmed-up .hotnot-hero-sub{opacity:0;max-height:0;margin:-8px 0 0;overflow:hidden;pointer-events:none}.hotnot-score{display:flex;align-items:stretch;gap:8px}.hotnot-score-item{display:flex;flex-direction:column;align-items:center;min-width:76px;padding:6px 16px;color:#fff}@media (min-width: 720px){.hotnot-score{gap:16px}.hotnot-score-item{min-width:100px;padding:6px 24px}}.hotnot-score-item em{font-style:normal;font-weight:900;font-size:clamp(36px,4.5vw,52px);line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;transition:color .2s}.hotnot-score-hot em{color:#fca5a5}.hotnot-score-not em{color:#93c5fd}.hotnot-score-skip em{color:rgba(255,255,255,.55)}.hotnot-score-item em[data-zero=true]{color:rgba(255,255,255,.22)}.hotnot-score-label{margin-top:4px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.45)}.hotnot-score-divider{width:1px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.12),transparent);margin:6px 0}.hotnot-score-item em.is-bumping{animation:scoreBump .55s var(--ease-pop)}@keyframes scoreBump{0%{transform:scale(1)}30%{transform:scale(1.7);filter:brightness(1.4)}100%{transform:scale(1)}}@media (max-width: 900px){.hotnot-hero{padding:18px 20px 6px;gap:12px}.hotnot-hero.is-warmed-up{padding:12px 20px 4px;gap:8px}.hotnot-hero-title{font-size:clamp(28px,4.5vw,44px);gap:10px}.hotnot-hero.is-warmed-up .hotnot-hero-title{font-size:clamp(18px,2.4vw,24px)}.hotnot-score-item em{font-size:clamp(32px,4vw,44px)}.hotnot-score-item{min-width:88px;padding:4px 18px}}@media (max-width: 600px){.hotnot-hero{padding:10px 12px 4px;gap:8px}.hotnot-hero.is-warmed-up{padding:8px 12px 4px;gap:6px}.hotnot-hero-title{font-size:26px;gap:7px}.hotnot-hero.is-warmed-up .hotnot-hero-title{font-size:16px}.hotnot-hero-sub{font-size:12px}.hotnot-score-item em{font-size:32px}.hotnot-score-item{min-width:56px;padding:2px 6px}.hotnot-score{gap:4px}.hotnot-score-label{font-size:9px;letter-spacing:.08em}}@media (max-height: 700px){.hotnot-hero{padding:8px 12px 2px;gap:6px}.hotnot-hero-title{font-size:22px}.hotnot-hero-sub{display:none}.hotnot-score-item em{font-size:28px}}@media (prefers-reduced-motion: reduce){.hotnot-hero-title .t-flame{animation:none}.hotnot-score-item em.is-bumping{animation:none}.hotnot-hero,.hotnot-hero-title,.hotnot-hero-sub{transition:none}}.hotnot-modal.is-results .hotnot-hero{display:none}.hotnot-body{flex:1;min-height:0;padding:8px 16px 16px;display:flex;align-items:flex-start;justify-content:center;gap:40px;overflow:visible}@media (min-width: 720px){.hotnot-body{padding:12px 32px 24px;gap:56px}}@media (max-width: 900px){.hotnot-body{flex-direction:column;align-items:center;gap:14px;padding:8px 16px 16px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}}.hotnot-deck{position:relative;width:340px;height:460px;flex-shrink:0;max-width:100%}@media (max-width: 900px){.hotnot-deck{width:min(440px,80vw);height:min(560px,calc((min(440px,80vw)) * 4 / 3))}}@media (max-width: 600px){.hotnot-deck{width:min(360px,88vw);height:min(440px,calc((min(360px,88vw)) * 4 / 3))}}@media (max-height: 700px) and (max-width: 900px){.hotnot-deck{height:min(50dvh,380px);width:min(360px,calc((min(50dvh,380px)) * 3 / 4))}}.hotnot-card{position:absolute;inset:0;border-radius:20px;overflow:hidden;transform-origin:center bottom;transition:transform .45s var(--ease-card),opacity .35s ease;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 30px 60px -10px rgba(0,0,0,.6);will-change:transform,opacity;transform:translateY(56px) scale(.8);opacity:0;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.hotnot-card[data-pos="0"]{transform:translateY(0) scale(1);opacity:1;z-index:4;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 14px 30px -6px rgba(0,0,0,.55),0 40px 80px -10px rgba(0,0,0,.65)}.hotnot-card[data-pos="1"]{transform:translateY(14px) scale(.95);opacity:.85;z-index:3;pointer-events:none}.hotnot-card[data-pos="2"]{transform:translateY(28px) scale(.9);opacity:.6;z-index:2;pointer-events:none}.hotnot-card[data-pos="3"]{transform:translateY(42px) scale(.85);opacity:.35;z-index:1;pointer-events:none}.hotnot-card[data-pos=hidden]{transform:translateY(56px) scale(.8);opacity:0;z-index:0;pointer-events:none}.hotnot-card[data-pos=gone-right]{transform:translateX(160%) rotate(18deg);opacity:0;z-index:5;pointer-events:none}.hotnot-card[data-pos=gone-left]{transform:translateX(-160%) rotate(-18deg);opacity:0;z-index:5;pointer-events:none}.hotnot-card[data-pos=played]{transform:translateY(-120%) scale(1.05);opacity:0;z-index:5;pointer-events:none}.hotnot-card[data-pos=skipped]{transform:translateY(120%) scale(.9);opacity:0;z-index:5;pointer-events:none}.hotnot-card[data-pos="0"]{cursor:grab}.hotnot-card[data-pos="0"].is-dragging{cursor:grabbing;transition:none}.hotnot-card .art{position:absolute;inset:0}.hotnot-card .art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.95) 100%)}.hotnot-card .art::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at center,rgba(255,255,255,.08) 1px,transparent 1.5px);background-size:6px 6px;mix-blend-mode:overlay;opacity:.55;z-index:1}.hotnot-card .silhouette{position:absolute;inset:12% 18% 38% 18%;fill:rgba(255,255,255,.22);z-index:2;filter:drop-shadow(0 4px 14px rgba(0,0,0,.35))}.hotnot-card .tint{position:absolute;inset:0;pointer-events:none;z-index:3;opacity:0;transition:opacity .12s ease-out;mix-blend-mode:multiply}.hotnot-card .tint-hot{background:linear-gradient(135deg,rgba(239,68,68,.7) 0%,rgba(220,38,38,.85) 100%)}.hotnot-card .tint-not{background:linear-gradient(135deg,rgba(59,130,246,.7) 0%,rgba(37,99,235,.85) 100%)}.hotnot-card[data-pos="0"] .tint-hot{opacity:var(--drag-hot, 0)}.hotnot-card[data-pos="0"] .tint-not{opacity:var(--drag-not, 0)}.hotnot-card .edge-glow{position:absolute;inset:0;pointer-events:none;z-index:6;border-radius:inherit;box-shadow:inset 0 0 0 0 transparent;opacity:0;transition:opacity .12s ease-out,box-shadow .12s ease-out}.hotnot-card .edge-glow-hot{box-shadow:inset 0 0 0 4px rgba(239,68,68,.9),inset 0 0 40px 8px rgba(239,68,68,.45),0 0 50px 4px rgba(239,68,68,.4)}.hotnot-card .edge-glow-not{box-shadow:inset 0 0 0 4px rgba(59,130,246,.9),inset 0 0 40px 8px rgba(59,130,246,.45),0 0 50px 4px rgba(59,130,246,.4)}.hotnot-card[data-pos="0"] .edge-glow-hot{opacity:var(--drag-hot, 0)}.hotnot-card[data-pos="0"] .edge-glow-not{opacity:var(--drag-not, 0)}.hotnot-card .body{position:absolute;left:22px;right:22px;bottom:22px;color:#fff;z-index:4}.hotnot-card .pip{display:inline-block;padding:4px 10px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.hotnot-card .pip.hot{background:var(--hot);color:#fff}.hotnot-card .pip.new{background:var(--new);color:#1a1d29}.hotnot-card .pip.editor{background:#fff;color:#11141d}.hotnot-card h3{font-size:28px;font-weight:900;letter-spacing:-.02em;line-height:1.05;margin:0 0 6px;text-shadow:0 2px 12px rgba(0,0,0,.65)}.hotnot-card .tagline{font-size:14px;color:rgba(255,255,255,.88);margin:0 0 12px}.hotnot-card .meta{font-size:12px;color:rgba(255,255,255,.7);display:flex;gap:10px;align-items:center}.hotnot-card .meta .star{color:#fbbf24}.hotnot-card .meta .genre{padding:3px 8px;border-radius:6px;background:rgba(255,255,255,.12);font-weight:700;letter-spacing:.02em;font-size:11px}@media (max-width: 600px){.hotnot-card .body{left:18px;right:18px;bottom:18px}.hotnot-card h3{font-size:24px}.hotnot-card .tagline{font-size:13px;margin-bottom:10px}.hotnot-card .meta{font-size:11px;gap:8px;flex-wrap:wrap}.hotnot-card .stamp{font-size:44px;padding:12px 24px;border-width:5px}}.hotnot-card .stamp{position:absolute;top:50%;left:50%;padding:16px 32px;border:6px solid currentColor;border-radius:16px;font-size:56px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;opacity:0;pointer-events:none;z-index:7;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:opacity .12s ease-out,transform .25s var(--ease-pop);text-shadow:0 2px 12px currentColor,0 0 30px currentColor;will-change:transform,opacity}.hotnot-card .stamp-hot{color:#ef4444;transform:translate(-50%,-50%) rotate(-22deg) scale(.6);box-shadow:0 0 40px rgba(239,68,68,.6)}.hotnot-card .stamp-not{color:#3b82f6;transform:translate(-50%,-50%) rotate(22deg) scale(.6);box-shadow:0 0 40px rgba(59,130,246,.6)}.hotnot-card[data-pos="0"] .stamp-hot{opacity:var(--stamp-hot, 0);transform:translate(-50%,-50%) rotate(-22deg) scale(calc(.85 + var(--stamp-hot, 0) * .25))}.hotnot-card[data-pos="0"] .stamp-not{opacity:var(--stamp-not, 0);transform:translate(-50%,-50%) rotate(22deg) scale(calc(.85 + var(--stamp-not, 0) * .25))}.hotnot-card[data-pos="0"].is-past-threshold .stamp-hot,.hotnot-card[data-pos="0"].is-past-threshold .stamp-not{animation:stampLock .25s var(--ease-pop)}@keyframes stampLock{0%{filter:brightness(1)}40%{filter:brightness(1.6)}100%{filter:brightness(1)}}.hotnot-card[data-pos="0"].is-wobbling{animation:cardWobble 1.4s var(--ease-card) 1}@keyframes cardWobble{0%{transform:translateX(0) rotate(0)}20%{transform:translateX(28px) rotate(4deg)}40%{transform:translateX(0) rotate(0)}60%{transform:translateX(-28px) rotate(-4deg)}80%{transform:translateX(0) rotate(0)}100%{transform:translateX(0) rotate(0)}}.hotnot-card.is-popping-in{animation:cardPop .35s var(--ease-pop)}@keyframes cardPop{0%{transform:translateY(14px) scale(.95)}60%{transform:translateY(-4px) scale(1.03)}100%{transform:translateY(0) scale(1)}}.hotnot-intro{position:absolute;inset:0;z-index:9;border-radius:20px;background:rgba(8,10,16,.62);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;pointer-events:none;opacity:0;transition:opacity .4s ease;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.hotnot-intro.is-active{opacity:1;pointer-events:auto}.hotnot-intro-thumb{width:64px;height:64px;color:#fff;animation:thumbSwipe 2.4s ease-in-out infinite;filter:drop-shadow(0 4px 14px rgba(0,0,0,.6))}@keyframes thumbSwipe{0%,100%{transform:translateX(-30px) rotate(-8deg);opacity:.85}25%{transform:translateX(0) rotate(0);opacity:1}50%{transform:translateX(30px) rotate(8deg);opacity:.85}}.hotnot-intro-text{font-size:14px;font-weight:700;color:#fff;letter-spacing:.04em;text-shadow:0 2px 8px rgba(0,0,0,.6)}.hotnot-intro-arrows{display:flex;gap:90px;font-size:13px;font-weight:700;color:rgba(255,255,255,.85)}.hotnot-intro-arrows .a-left{color:#93c5fd}.hotnot-intro-arrows .a-right{color:#fca5a5}.hotnot-burst{position:absolute;top:50%;left:50%;width:0;height:0;pointer-events:none;z-index:8}.hotnot-burst span{position:absolute;top:0;left:0;width:8px;height:8px;border-radius:999px;background:currentColor;box-shadow:0 0 12px currentColor;opacity:0;animation:burstParticle .7s ease-out forwards}.hotnot-burst.is-hot{color:#ef4444}.hotnot-burst.is-not{color:#3b82f6}@keyframes burstParticle{0%{transform:translate(-50%,-50%) translate(0,0) scale(.5);opacity:1}100%{transform:translate(-50%,-50%) translate(var(--bx, 0),var(--by, 0)) scale(.2);opacity:0}}.hotnot-tally em.is-bumping{animation:tallyBump .45s var(--ease-pop)}@keyframes tallyBump{0%{transform:scale(1)}35%{transform:scale(1.55)}100%{transform:scale(1)}}.hotnot-actions{margin-top:64px;display:flex;justify-content:center;align-items:flex-start;gap:12px}@media (max-width: 900px){.hotnot-actions{margin-top:48px;gap:10px}}@media (max-width: 600px){.hotnot-actions{margin-top:36px;gap:8px}}.hotnot-act{display:flex;flex-direction:column;align-items:center;gap:6px;color:#fff;transition:transform .18s var(--ease-pop);-webkit-tap-highlight-color:transparent}.hotnot-act svg{display:block}.hotnot-act-label{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.75);transition:color .15s}.hotnot-act:hover:not(:disabled){transform:translateY(-3px)}.hotnot-act:active:not(:disabled){transform:translateY(-1px) scale(.95)}.hotnot-act:disabled{opacity:.3;cursor:not-allowed;transform:none}.hotnot-act svg{box-sizing:content-box;padding:16px;background:rgba(255,255,255,.08);border-radius:999px;border:2px solid transparent;transition:background .18s,color .18s,border-color .18s,box-shadow .18s}.hotnot-act.act-primary svg{padding:18px}.hotnot-act.act-primary .hotnot-act-label{color:#fff;font-size:12px}.hotnot-act.act-not svg{width:22px;height:22px;background:rgba(59,130,246,.16);color:#93c5fd;border-color:rgba(59,130,246,.45);box-shadow:0 8px 22px -6px rgba(59,130,246,.4)}.hotnot-act.act-not:hover:not(:disabled) svg{background:#3b82f6;color:#fff;border-color:#3b82f6;box-shadow:0 12px 28px -4px rgba(59,130,246,.7)}.hotnot-act.act-hot svg{width:22px;height:22px;background:rgba(239,68,68,.16);color:#fca5a5;border-color:rgba(239,68,68,.45);box-shadow:0 8px 22px -6px rgba(239,68,68,.4)}.hotnot-act.act-hot:hover:not(:disabled) svg{background:#ef4444;color:#fff;border-color:#ef4444;box-shadow:0 12px 28px -4px rgba(239,68,68,.7)}.hotnot-act.act-play svg{width:28px;height:28px;padding:22px;background:var(--accent, #3b82f6);color:#fff;border-color:rgba(59,130,246,.5);box-shadow:0 12px 28px -4px rgba(59,130,246,.55)}.hotnot-act.act-play:hover:not(:disabled) svg{background:var(--accent-deep, #1d4ed8);transform:scale(1.04);box-shadow:0 16px 36px -4px rgba(59,130,246,.75)}.hotnot-act.act-secondary{align-self:center;margin:0 4px}.hotnot-act.act-secondary svg{width:16px;height:16px;padding:11px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.08)}.hotnot-act.act-secondary:hover:not(:disabled) svg{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.18)}.hotnot-act.act-secondary .hotnot-act-label{font-size:10px;color:rgba(255,255,255,.55)}@media (max-width: 600px){.hotnot-act.act-primary svg{padding:14px;width:20px;height:20px}.hotnot-act.act-play svg{padding:18px;width:24px;height:24px}.hotnot-act.act-secondary svg{padding:9px;width:14px;height:14px}.hotnot-act-label{font-size:10px}.hotnot-act.act-secondary .hotnot-act-label{font-size:9px}}.hotnot-act.is-committing svg{animation:actCommit .35s var(--ease-pop)}@keyframes actCommit{0%{transform:scale(1);filter:brightness(1)}40%{transform:scale(1.15);filter:brightness(1.4)}100%{transform:scale(1);filter:brightness(1)}}.hotnot-side{flex-shrink:0;width:240px;display:flex;flex-direction:column;gap:16px}@media (max-width: 900px){.hotnot-side{display:none}}.hotnot-side h4{margin:0 0 4px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55)}.hotnot-side-card{padding:14px 16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px}.hotnot-gesture{display:flex;align-items:center;gap:12px;margin:10px 0;font-size:12px;color:rgba(255,255,255,.85)}.hotnot-gesture:first-of-type{margin-top:8px}.hotnot-gesture:last-child{margin-bottom:0}.hotnot-gesture-ic{width:34px;height:34px;border-radius:9px;flex-shrink:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04)}.hotnot-gesture-ic svg{width:16px;height:16px}.hotnot-gesture-ic.hot{color:#fca5a5;border-color:rgba(239,68,68,.3)}.hotnot-gesture-ic.not{color:#93c5fd;border-color:rgba(59,130,246,.3)}.hotnot-gesture-ic.tap{color:var(--accent, #3b82f6);border-color:rgba(59,130,246,.3)}.hotnot-gesture strong{color:#fff;font-weight:700}.hotnot-keys{font-size:11px;color:rgba(255,255,255,.65);line-height:1.8}.hotnot-keys kbd{display:inline-block;padding:1px 6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:4px;font-family:inherit;font-size:10px;font-weight:700;color:#fff}.hotnot-counter-mobile{display:none;font-size:11px;color:rgba(255,255,255,.65);font-weight:700;letter-spacing:.04em;text-align:center;margin-bottom:8px}.hotnot-counter-mobile em{font-style:normal;color:#fff;font-weight:900}.hotnot-results{display:none;width:100%;max-width:720px;margin:auto;color:#fff;text-align:center;padding:12px;position:relative}.hotnot-results.is-visible{display:block}.hotnot-modal.is-results .hotnot-body{display:none}.hotnot-modal.is-results .hotnot-results{flex:1;min-height:0;overflow-y:auto;padding:36px 16px 28px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:22px}.hotnot-modal.is-results .hotnot-results>*{width:100%;max-width:720px;flex-shrink:0}.hotnot-modal.is-results .hotnot-results>.hotnot-confetti{max-width:none;width:auto}.hotnot-results .reveal-step{opacity:0;transform:translateY(24px);transition:opacity .55s var(--ease-card),transform .55s var(--ease-card)}.hotnot-results.is-revealing .reveal-step{opacity:1;transform:translateY(0)}.hotnot-results.is-revealing .reveal-step[data-step="1"]{transition-delay:.00s}.hotnot-results.is-revealing .reveal-step[data-step="2"]{transition-delay:.16s}.hotnot-results.is-revealing .reveal-step[data-step="3"]{transition-delay:.32s}.hotnot-results.is-revealing .reveal-step[data-step="4"]{transition-delay:.48s}.hotnot-results.is-revealing .reveal-step[data-step="5"]{transition-delay:.64s}.hotnot-results.is-revealing .reveal-step[data-step="6"]{transition-delay:.80s}.hotnot-results .results-verdict{margin-bottom:4px}.hotnot-results .results-verdict-emoji{font-size:64px;line-height:1;display:inline-block;margin-bottom:8px;filter:drop-shadow(0 6px 24px rgba(0,0,0,.4));animation:verdictEmojiPop .9s var(--ease-pop) both}.hotnot-results.is-revealing .results-verdict-emoji{animation-delay:.1s}@keyframes verdictEmojiPop{0%{transform:scale(.2) rotate(-20deg);opacity:0}55%{transform:scale(1.25) rotate(10deg);opacity:1}80%{transform:scale(.92) rotate(-4deg)}100%{transform:scale(1) rotate(0);opacity:1}}.hotnot-results .results-verdict-title{margin:0 0 6px;font-size:clamp(28px,4.5vw,40px);font-weight:900;letter-spacing:-.025em;line-height:1.1;background:linear-gradient(180deg,#fff 30%,rgba(255,255,255,.75));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hotnot-results .results-verdict-sub{margin:0;font-size:14px;color:rgba(255,255,255,.68);max-width:460px;margin-left:auto;margin-right:auto}.hotnot-results .summary-stats{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.hotnot-results .summary-stat{padding:16px 22px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);min-width:110px;position:relative;overflow:hidden}.hotnot-results .summary-stat::before{content:"";position:absolute;inset:0;border-radius:inherit;opacity:.35;pointer-events:none}.hotnot-results .summary-stat.hot{border-color:rgba(239,68,68,.25);background:linear-gradient(180deg,rgba(239,68,68,.08),rgba(239,68,68,.02));box-shadow:0 12px 28px -10px rgba(239,68,68,.25)}.hotnot-results .summary-stat.not{border-color:rgba(59,130,246,.25);background:linear-gradient(180deg,rgba(59,130,246,.08),rgba(59,130,246,.02));box-shadow:0 12px 28px -10px rgba(59,130,246,.25)}.hotnot-results .summary-stat.skip{border-color:rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01))}.hotnot-results .summary-stat .n{display:block;font-size:40px;font-weight:900;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;position:relative;z-index:1}.hotnot-results .summary-stat.hot .n{color:#fca5a5}.hotnot-results .summary-stat.not .n{color:#93c5fd}.hotnot-results .summary-stat.skip .n{color:rgba(255,255,255,.8)}.hotnot-results .summary-stat .n.is-landed{animation:scoreLand .5s var(--ease-pop)}@keyframes scoreLand{0%{transform:scale(1)}40%{transform:scale(1.22)}100%{transform:scale(1)}}.hotnot-results .summary-stat .l{display:block;margin-top:6px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.55);position:relative;z-index:1}.hotnot-results .results-ratio-wrap{display:flex;flex-direction:column;gap:12px}.hotnot-results .results-ratio{display:flex;height:10px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.06);box-shadow:inset 0 1px 2px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.04)}.hotnot-results .results-ratio-fill{height:100%;width:0;transition:width 1.1s cubic-bezier(.4,1.3,.5,1);transition-delay:.35s}.hotnot-results .results-ratio-fill.is-hot{background:linear-gradient(90deg,#ef4444,#fb923c)}.hotnot-results .results-ratio-fill.is-not{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.hotnot-results .results-ratio-fill.is-skip{background:linear-gradient(90deg,rgba(255,255,255,.18),rgba(255,255,255,.3))}.hotnot-results .results-taste{margin:0;font-size:14px;color:rgba(255,255,255,.85);text-align:center;line-height:1.5}.hotnot-results .results-taste strong{color:#fff;font-weight:800;background:linear-gradient(90deg,#fbbf24,#ef4444);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hotnot-results .results-taste.is-empty{color:rgba(255,255,255,.55)}.hotnot-results .top-pick{display:flex;align-items:center;gap:18px;padding:18px;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:18px;text-align:left;position:relative;overflow:hidden;transition:transform .25s var(--ease-pop),box-shadow .25s ease}.hotnot-results .top-pick::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(239,68,68,.35),rgba(245,158,11,.2),rgba(239,68,68,.1));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.hotnot-results .top-pick:hover{transform:translateY(-2px);box-shadow:0 18px 36px -12px rgba(239,68,68,.3)}.hotnot-results .top-pick-art{width:104px;height:104px;border-radius:14px;flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 8px 20px -6px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.06)}.hotnot-results .top-pick-art::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at center,rgba(255,255,255,.08) 1px,transparent 1.5px);background-size:6px 6px;mix-blend-mode:overlay;opacity:.5}.hotnot-results .top-pick-art svg{position:absolute;inset:18%;fill:rgba(255,255,255,.32);filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}.hotnot-results .top-pick-info{flex:1;min-width:0}.hotnot-results .top-pick-info .label{position:relative;display:inline-block;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#fca5a5;margin-bottom:6px;padding-right:4px;overflow:hidden}.hotnot-results .top-pick-info .label-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%);transform:translateX(-100%);animation:labelShimmer 3.2s ease-in-out infinite}@keyframes labelShimmer{0%,25%{transform:translateX(-100%)}50%{transform:translateX(220%)}51%,100%{transform:translateX(220%)}}.hotnot-results .top-pick-info h3{font-size:22px;font-weight:900;letter-spacing:-.02em;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hotnot-results .top-pick-info p{font-size:13px;margin:0 0 8px;color:rgba(255,255,255,.75)}.hotnot-results .top-pick-meta{display:flex;gap:10px;align-items:center;font-size:11px;color:rgba(255,255,255,.6)}.hotnot-results .top-pick-meta .star{color:#fbbf24}.hotnot-results .top-pick-meta .genre{padding:2px 8px;border-radius:6px;background:rgba(255,255,255,.08);font-weight:700;letter-spacing:.02em}.hotnot-results .top-pick-play{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:14px;font-weight:800;letter-spacing:.01em;flex-shrink:0;box-shadow:0 0 0 1px rgba(59,130,246,.3),0 12px 28px -8px rgba(59,130,246,.55);transition:transform .15s var(--ease-pop),box-shadow .2s;position:relative;animation:playPulse 3s ease-in-out infinite}.hotnot-results .top-pick-play svg{width:14px;height:14px}.hotnot-results .top-pick-play:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 0 0 1px rgba(59,130,246,.5),0 18px 36px -8px rgba(59,130,246,.75)}@keyframes playPulse{0%,100%{box-shadow:0 0 0 1px rgba(59,130,246,.3),0 12px 28px -8px rgba(59,130,246,.55)}50%{box-shadow:0 0 0 1px rgba(59,130,246,.5),0 12px 36px -4px rgba(59,130,246,.8)}}.hotnot-results .vote-list{text-align:left;border-top:1px solid rgba(255,255,255,.06);padding-top:18px;margin-top:4px}.hotnot-results .vote-list h4{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55);margin:0 0 12px}.hotnot-results .vote-list ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.hotnot-results .vote-list li{list-style:none;padding:0;margin:0;border-radius:10px}.hotnot-results .vote-list .v-link{display:flex;align-items:center;gap:10px;font-size:13px;padding:8px 12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:10px;color:inherit;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,transform .15s var(--ease-pop)}.hotnot-results .vote-list .v-link:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);transform:translateY(-1px)}.hotnot-results .vote-list .v-link:focus-visible{outline:2px solid rgba(245,158,11,.8);outline-offset:2px}.hotnot-results .vote-list .v-art{width:28px;height:28px;border-radius:6px;flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 4px 10px -2px rgba(0,0,0,.4)}.hotnot-results .vote-list .v-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.hotnot-results .vote-list .v-pip{flex-shrink:0;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:2px 6px;border-radius:4px}.hotnot-results .vote-list .v-pip.hot{background:var(--hot, #ef4444);color:#fff}.hotnot-results .vote-list .v-pip.new{background:var(--new, #f59e0b);color:#1a1d29}.hotnot-results .vote-list .v-pip.editor{background:#fff;color:#11141d}.hotnot-results .results-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}.hotnot-results .results-actions button{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:14px;font-weight:700;transition:background .15s,border-color .15s,transform .15s var(--ease-pop),box-shadow .2s}.hotnot-results .results-actions button svg{width:14px;height:14px}.hotnot-results .results-actions button:hover:not(:disabled){background:rgba(255,255,255,.16);transform:translateY(-1px)}.hotnot-results .results-actions .results-cta-primary{background:linear-gradient(135deg,#ef4444,#f59e0b);border-color:rgba(239,68,68,.5);color:#fff;font-weight:800;padding:14px 28px;font-size:15px;box-shadow:0 12px 28px -6px rgba(239,68,68,.55),0 0 0 1px rgba(239,68,68,.3)}.hotnot-results .results-actions .results-cta-primary:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#d97706);transform:translateY(-2px);box-shadow:0 18px 36px -4px rgba(239,68,68,.7),0 0 0 1px rgba(239,68,68,.5)}.hotnot-results .results-actions .results-cta-primary:disabled{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08);color:rgba(255,255,255,.4);box-shadow:none;cursor:not-allowed}.hotnot-results .results-actions .results-cta-sub{display:inline-block;margin-left:4px;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.15);font-size:11px;font-weight:700;letter-spacing:.02em}.hotnot-results .results-actions .results-cta-sub:empty{display:none}.hotnot-results .results-actions #hotnotResultsRestart{background:transparent;border-color:rgba(255,255,255,.18);color:rgba(255,255,255,.85)}.hotnot-results .results-actions #hotnotResultsRestart:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3);color:#fff}.hotnot-results .results-actions #hotnotResultsClose{background:transparent;border-color:transparent;color:rgba(255,255,255,.55);font-weight:600}.hotnot-results .results-actions #hotnotResultsClose:hover{background:rgba(255,255,255,.06);color:#fff}.hotnot-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:5}.hotnot-confetti span{position:absolute;bottom:0;left:50%;width:8px;height:14px;background:currentColor;border-radius:2px;opacity:0;transform-origin:center;animation:confettiFall var(--dur, 1.8s) cubic-bezier(.2,.6,.4,1) var(--delay, 0s) forwards}@keyframes confettiFall{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(var(--tx, 0),var(--ty, -400px)) rotate(var(--rot, 360deg))}}@media (max-width: 600px){.hotnot-modal.is-results .hotnot-results{padding:22px 12px 18px;gap:16px}.hotnot-results .results-verdict-emoji{font-size:48px}.hotnot-results .results-verdict-title{font-size:24px}.hotnot-results .results-verdict-sub{font-size:12px}.hotnot-results .summary-stats{gap:8px}.hotnot-results .summary-stat{padding:12px 14px;min-width:84px}.hotnot-results .summary-stat .n{font-size:30px}.hotnot-results .top-pick{flex-wrap:wrap;gap:12px;padding:14px}.hotnot-results .top-pick-art{width:72px;height:72px}.hotnot-results .top-pick-info{min-width:0;flex:1 1 60%}.hotnot-results .top-pick-info h3{font-size:18px}.hotnot-results .top-pick-play{flex:1 0 100%;justify-content:center}.hotnot-results .vote-list ul{grid-template-columns:1fr 1fr;gap:6px}.hotnot-results .vote-list li{font-size:12px;padding:6px 8px}.hotnot-results .vote-list .v-art{width:22px;height:22px}}@media (prefers-reduced-motion: reduce){.hotnot-results .reveal-step{transition:none;opacity:1;transform:none}.hotnot-results .results-verdict-emoji,.hotnot-results .top-pick-info .label-shimmer,.hotnot-results .top-pick-play,.hotnot-results .summary-stat .n.is-landed,.hotnot-results .results-ratio-fill{animation:none;transition:none}.hotnot-confetti{display:none}}@media (prefers-reduced-motion: reduce){.hotnot-modal,.hotnot-frame,.hotnot-card,.hotnot-progress-fill,.hotnot-act,.hotnot-results .top-pick-play{transition:none}}.hotnot-confirm{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(8,10,16,.68);backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);opacity:0;pointer-events:none;transition:opacity .25s ease}.hotnot-confirm.is-active{opacity:1;pointer-events:auto}.hotnot-confirm-inner{width:100%;max-width:420px;padding:28px 28px 24px;background:linear-gradient(180deg,#1a1d29,#14171f);border:1px solid rgba(239,68,68,.25);border-radius:18px;box-shadow:0 24px 60px -12px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.04);text-align:center;transform:scale(.92) translateY(8px);transition:transform .3s var(--ease-pop)}.hotnot-confirm.is-active .hotnot-confirm-inner{transform:scale(1) translateY(0)}.hotnot-confirm-icon{display:block;font-size:40px;line-height:1;margin-bottom:12px;filter:drop-shadow(0 4px 14px rgba(239,68,68,.4))}.hotnot-confirm-text{display:block;font-size:18px;font-weight:800;color:#fff;line-height:1.3;margin-bottom:6px;letter-spacing:-.01em}.hotnot-confirm-sub{display:block;font-size:13px;color:rgba(255,255,255,.6);margin-bottom:22px;line-height:1.4}.hotnot-confirm-actions{display:flex;flex-direction:column;gap:8px;width:100%}.hotnot-confirm-btn{width:100%;padding:12px 20px;border-radius:999px;font-size:14px;font-weight:800;letter-spacing:.01em;border:1px solid transparent;transition:background .15s,border-color .15s,transform .15s var(--ease-pop),box-shadow .2s}.hotnot-confirm-btn:hover:not(:disabled){transform:translateY(-1px)}.hotnot-confirm-cancel{background:linear-gradient(135deg,var(--accent, #3b82f6),var(--accent-deep, #2563eb));color:#fff;border-color:rgba(59,130,246,.6);box-shadow:0 8px 22px -6px rgba(59,130,246,.5),0 0 0 1px rgba(59,130,246,.3)}.hotnot-confirm-cancel:hover{background:linear-gradient(135deg,var(--accent-deep, #2563eb),var(--accent, #3b82f6));box-shadow:0 12px 28px -4px rgba(59,130,246,.7),0 0 0 1px rgba(59,130,246,.5)}.hotnot-confirm-cancel:focus-visible{outline:2px solid #93c5fd;outline-offset:3px}.hotnot-confirm-yes{background:transparent;color:rgba(255,255,255,.75);border-color:rgba(255,255,255,.18)}.hotnot-confirm-yes:hover{background:rgba(239,68,68,.15);color:#fff;border-color:rgba(239,68,68,.4)}.hotnot-confirm-yes:focus-visible{outline:2px solid rgba(239,68,68,.7);outline-offset:3px}@media (max-width: 600px){.hotnot-confirm{padding:16px}.hotnot-confirm-inner{padding:22px 22px 18px}.hotnot-confirm-icon{font-size:36px}.hotnot-confirm-text{font-size:16px}.hotnot-confirm-sub{font-size:12px;margin-bottom:18px}}.hotnot-toast{position:absolute;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);z-index:30;opacity:0;transition:transform .3s var(--ease-pop),opacity .2s ease;pointer-events:none}.hotnot-toast.is-active{transform:translateX(-50%) translateY(0);opacity:1;pointer-events:auto}.hotnot-toast-inner{position:relative;display:flex;align-items:center;gap:14px;padding:12px 16px 12px 18px;background:#161a25;border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:0 18px 40px -10px rgba(0,0,0,.6);color:#fff;overflow:hidden;min-width:280px;max-width:calc(100vw - 32px)}.hotnot-toast-icon{width:26px;height:26px;border-radius:999px;background:var(--accent, #3b82f6);color:#fff;display:grid;place-items:center;font-size:11px;flex-shrink:0}.hotnot-toast-text{flex:1;min-width:0;font-size:13px;font-weight:600;color:rgba(255,255,255,.95);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hotnot-toast-cancel{padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:12px;font-weight:700;transition:background .15s;flex-shrink:0}.hotnot-toast-cancel:hover{background:rgba(255,255,255,.2)}.hotnot-toast-progress{position:absolute;bottom:0;left:0;height:2px;background:var(--accent, #3b82f6);width:100%;transform-origin:left center}.hotnot-toast.is-active .hotnot-toast-progress{animation:toastDrain 2s linear forwards}@keyframes toastDrain{from{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion: reduce){.hotnot-confirm,.hotnot-toast{transition:none}.hotnot-toast.is-active .hotnot-toast-progress{animation:none}}.hotnot-results .results-verdict-share{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px;flex-wrap:wrap}.hotnot-results .results-share-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px 9px 14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.06);color:#fff;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:-.005em;cursor:pointer;transition:background .15s,border-color .15s,transform .12s}.hotnot-results .results-share-btn:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);transform:translateY(-1px)}.hotnot-results .results-share-btn:active{transform:translateY(0)}.hotnot-results .results-share-btn svg{color:rgba(255,255,255,.85)}.hotnot-results .results-share-btn.is-shared{background:rgba(34,197,94,.18);border-color:rgba(34,197,94,.5)}.hotnot-results .results-share-status{font-size:12px;font-weight:600;color:rgb(74,222,128);opacity:0;transition:opacity .25s ease}.hotnot-results .results-share-status.is-visible{opacity:1}.hotnot-results .results-sidestep{display:flex;justify-content:center;margin-top:14px}.hotnot-results .results-sidestep-btn{display:inline-flex;align-items:center;gap:10px;padding:9px 18px 9px 16px;border-radius:999px;background:linear-gradient(135deg,rgba(236,72,153,.14),rgba(244,114,182,.06));border:1px solid rgba(236,72,153,.3);color:rgba(255,255,255,.9);font-size:13px;font-weight:700;cursor:pointer;transition:background .18s,border-color .18s,color .15s,transform .15s var(--ease-pop),box-shadow .2s}.hotnot-results .results-sidestep-btn .ic-bookmark{width:14px;height:14px;color:#ec4899}.hotnot-results .results-sidestep-btn .ic-arrow{width:12px;height:12px;color:rgba(255,255,255,.5);transition:transform .2s var(--ease-pop),color .15s}.hotnot-results .results-sidestep-count{padding:2px 8px;border-radius:999px;background:rgba(236,72,153,.25);border:1px solid rgba(236,72,153,.35);font-size:11px;font-weight:800;letter-spacing:.02em;color:#fff;font-variant-numeric:tabular-nums}.hotnot-results .results-sidestep-btn:hover{background:linear-gradient(135deg,rgba(236,72,153,.25),rgba(244,114,182,.12));border-color:rgba(236,72,153,.55);color:#fff;transform:translateY(-1px);box-shadow:0 10px 22px -6px rgba(236,72,153,.35),0 0 0 1px rgba(236,72,153,.2)}.hotnot-results .results-sidestep-btn:hover .ic-arrow{color:#fff;transform:translateX(3px)}@media (prefers-reduced-motion: reduce){.hotnot-results .results-sidestep-btn:hover{transform:none}.hotnot-results .results-sidestep-btn:hover .ic-arrow{transform:none}}