.range-input{accent-color:var(--b9-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;width:100%}.range-input:focus{outline:none}.range-input::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--b9-primary),var(--b9-accent));background-repeat:no-repeat;background-size:var(--fill,0) 100%;border-radius:9999px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);height:8px}.range-input::-moz-range-track{background:linear-gradient(90deg,var(--b9-primary),var(--b9-accent));border-radius:9999px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);height:8px}.range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid var(--b9-primary);border-radius:9999px;box-shadow:0 2px 6px rgba(255,131,149,.25),0 0 0 6px rgba(255,131,149,.12);height:20px;margin-top:-6px;width:20px}.range-input::-moz-range-thumb{background:#fff;border:1px solid var(--b9-primary);border-radius:9999px;box-shadow:0 2px 6px rgba(255,131,149,.25),0 0 0 6px rgba(255,131,149,.12);height:20px;width:20px}.range-input:hover::-webkit-slider-thumb{box-shadow:0 4px 10px rgba(16,24,40,.2)}.range-input:hover::-moz-range-thumb{box-shadow:0 4px 10px rgba(16,24,40,.2)}.range-captions{align-items:center;color:rgba(22,22,26,.55);display:flex;font-size:11px;justify-content:space-between}.mac-window{backdrop-filter:blur(14px) saturate(130%);background:linear-gradient(180deg,hsla(0,0%,100%,.75),rgba(248,249,251,.75));border-radius:1rem;border-width:1px;box-shadow:0 10px 40px rgba(0,0,0,.06),inset 0 1px 0 hsla(0,0%,100%,.5);overflow:hidden;position:relative}.mac-titlebar{align-items:center;background:linear-gradient(180deg,hsla(0,0%,100%,.9),rgba(246,247,248,.8));border-bottom:1px solid rgba(0,0,0,.06);display:flex;gap:8px;height:38px;padding:0 12px}.mac-titlebar .icon{color:var(--b9-primary)}.mac-traffic{align-items:center;display:inline-flex;gap:8px}.mac-dot{border-radius:9999px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);height:12px;width:12px}.mac-dot.red{background:#ff5f57}.mac-dot.yellow{background:#ffbd2e}.mac-dot.green{background:#28c840}.mac-content{padding:18px}.frost-panel{backdrop-filter:blur(18px) saturate(140%);background:linear-gradient(180deg,hsla(0,0%,100%,.68),rgba(236,244,255,.55));border:1px solid hsla(0,0%,100%,.55);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.06),inset 0 1px 0 hsla(0,0%,100%,.45);overflow:hidden;position:relative}.frost-panel:before{background:radial-gradient(120px 60px at 18% 12%,hsla(0,0%,100%,.75),hsla(0,0%,100%,0) 60%),radial-gradient(180px 90px at 82% 0,rgba(175,212,255,.28),hsla(0,0%,100%,0) 60%),radial-gradient(160px 80px at 60% 100%,rgba(175,212,255,.22),hsla(0,0%,100%,0) 60%),radial-gradient(140px 70px at 0 70%,hsla(0,0%,100%,.35),hsla(0,0%,100%,0) 55%);content:"";filter:blur(10px);inset:-40%;opacity:.55;pointer-events:none;position:absolute}.compare-arena-bg{background:linear-gradient(165deg,#ffb0be,#ffbcc8 30%,#ffc8d2 55%,#ffb8c6);overflow:hidden;position:relative}.compare-arena-bg:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;content:"";inset:0;mix-blend-mode:overlay;opacity:.02;pointer-events:none;position:absolute;z-index:1}.compare-arena-orb-1{background:radial-gradient(circle,hsla(0,0%,100%,.35),transparent 70%);filter:blur(60px);height:500px;left:-5%;top:15%;width:500px}.compare-arena-orb-1,.compare-arena-orb-2{border-radius:50%;pointer-events:none;position:absolute;z-index:0}.compare-arena-orb-2{background:radial-gradient(circle,hsla(0,0%,100%,.3),transparent 70%);bottom:10%;filter:blur(80px);height:600px;right:-8%;width:600px}.compare-icon-circle{align-items:center;background:linear-gradient(135deg,rgba(255,131,149,.15),rgba(255,184,195,.08));border:1px solid rgba(255,131,149,.2);border-radius:50%;box-shadow:0 2px 8px rgba(255,131,149,.1);display:flex;height:36px;justify-content:center;width:36px}.battle-card{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(135deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.9) 50%,rgba(255,252,254,.85));border:1px solid hsla(0,0%,100%,.8);border-radius:1.25rem;box-shadow:inset 0 1px 2px #fff,0 8px 32px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04);position:relative;transition:transform .35s cubic-bezier(.4,0,.2,1),border-color .35s ease,box-shadow .35s ease}.battle-card:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.95) 50%,transparent);content:"";height:1px;left:10%;position:absolute;right:10%;top:0;transition:opacity .35s ease;z-index:2}@media (hover:hover) and (min-width:1024px){.battle-card:hover{border-color:rgba(255,131,149,.45);box-shadow:inset 0 1px 2px #fff,0 16px 48px rgba(255,131,149,.15),0 8px 24px rgba(0,0,0,.08);transform:translateY(-4px)}.battle-card:hover:before{background:linear-gradient(90deg,transparent,rgba(255,131,149,.5) 30%,rgba(255,131,149,.7) 50%,rgba(255,131,149,.5) 70%,transparent)}}.battle-b9-section{background:linear-gradient(135deg,rgba(255,131,149,.1),rgba(255,131,149,.05));border:1px solid rgba(255,131,149,.12);border-radius:.75rem}@media (max-width:1023px){.battle-card{backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(135deg,hsla(0,0%,100%,.98),hsla(0,0%,100%,.97) 50%,rgba(255,252,254,.96))}}.compare-score-gradient,.compare-score-win{font-family:var(--font-bodoni),Georgia,serif;font-style:italic;margin-inline:-.15em;padding-inline:.15em}.compare-score-gradient{background:linear-gradient(135deg,#ff8395,#e84393 40%,#ff6b8a 80%,#ffb8c3);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 20px rgba(255,131,149,.5)) drop-shadow(0 0 40px rgba(232,67,147,.3))}@keyframes compare-cta-glow{0%,to{box-shadow:0 4px 16px rgba(255,131,149,.25),0 0 40px rgba(255,131,149,.1)}50%{box-shadow:0 8px 32px rgba(255,131,149,.4),0 0 60px rgba(255,131,149,.2),0 0 80px rgba(232,67,147,.1)}}.compare-cta-premium{animation:compare-cta-glow 2.5s ease-in-out infinite;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease}.compare-cta-premium:hover{box-shadow:0 12px 40px rgba(255,131,149,.45),0 0 60px rgba(255,131,149,.25);transform:scale(1.03)}@keyframes compare-score-glow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.15)}}.compare-score-glow{animation:compare-score-glow 2.5s ease-in-out infinite;background:radial-gradient(circle,rgba(255,131,149,.4),transparent 70%);border-radius:50%;height:120px;left:25%;pointer-events:none;position:absolute;top:50%;width:120px;z-index:0}@media (prefers-reduced-motion:reduce){.compare-score-gradient,.compare-score-gradient-dark{filter:none}.compare-cta-premium{animation:none!important}.compare-cta-premium:hover{transform:none}.compare-score-glow{animation:none!important;opacity:.3}.battle-card{transition:none!important}.compare-arena-orb-1,.compare-arena-orb-2{display:none}}