.super-picker{padding:12px;border:1px solid var(--border);border-radius:9px;background:var(--panel2);margin:10px 0}.super-toggle{display:flex!important;align-items:center;gap:9px;font-weight:750}.super-toggle input{width:auto!important}.super-toggle span{color:var(--theme-accent-text);margin-left:auto}#superEffectChoices{padding-top:12px}#superEffectChoices[hidden]{display:none}#superEffectChoices label{display:flex;align-items:center;gap:12px}#superEffectChoices small{display:block;margin-top:8px;color:var(--muted)}#superEffectPreview{position:relative;margin:10px 0;padding:10px 18px;overflow:visible} .super-reaction{border-color:var(--accent)!important}.super-reaction-mark small{font-size:10px;color:var(--theme-accent-text);margin-left:3px}.super-effect-anchor{position:relative;overflow:visible!important}.super-effect-stage{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none;z-index:20}.super-effect-stage i{position:absolute;display:block;width:7px;height:7px;border-radius:50%;background:currentColor;animation:sol-super-burst 1.1s var(--delay) both ease-out}.effect-lava i{width:10px;height:14px;border-radius:60% 30% 60% 40%;box-shadow:0 0 8px #ff681f}.effect-hearts i{background:none;font-style:normal;font-size:20px;width:20px;height:20px}.effect-confetti i{border-radius:1px;height:12px}.effect-leaves i{background:none;width:26px;height:30px;color:#73bd66!important}.effect-leaves svg{width:100%;height:100%}.effect-smoke i{width:22px;height:22px;background:#a9a6b1;filter:blur(5px);animation-name:sol-super-smoke}.effect-shockwave i{width:40px;height:40px;background:none;border:2px solid var(--accent);animation-name:sol-super-ring}.effect-phoenix i{background:none;font-size:38px;width:40px;height:40px;color:#ffb448!important;animation-name:sol-super-wing}.super-effect-stage.reduced i{animation:sol-super-reduced .6s both;background:none;width:30px;height:30px;border:2px solid var(--accent);border-radius:50%;filter:none;font-size:0}.super-motion-setting{margin-top:18px;display:block}@keyframes sol-super-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}15%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(.8)}}@keyframes sol-super-smoke{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}25%{opacity:.55}100%{opacity:0;transform:translate(var(--x),calc(var(--y) - 20px)) scale(2.3)}}@keyframes sol-super-ring{0%{opacity:.8;transform:translate(-50%,-50%) scale(.1)}100%{opacity:0;transform:translate(-50%,-50%) scale(3)}}@keyframes sol-super-wing{0%{opacity:0;transform:translate(-50%,-50%) scale(.1)}25%{opacity:1}100%{opacity:0;transform:translate(var(--x),-70px) rotate(var(--r)) scale(1.3)}}@keyframes sol-super-reduced{from{opacity:.5;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-50%)}}
.reaction.super-reaction{isolation:isolate}
body #messages button.reaction.super-reaction{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 24%,var(--panel2)),color-mix(in srgb,var(--accent) 10%,var(--panel2)))!important;border:1px solid var(--accent)!important;color:var(--theme-accent-text)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 16%,transparent),0 0 10px color-mix(in srgb,var(--accent) 15%,transparent)!important}
body #messages button.reaction.super-reaction.selected{background:color-mix(in srgb,var(--accent) 32%,var(--panel2))!important;box-shadow:inset 0 -2px 0 var(--accent),0 0 12px color-mix(in srgb,var(--accent) 18%,transparent)!important}
body #messages button.reaction.super-reaction:hover{background:color-mix(in srgb,var(--accent) 36%,var(--panel2))!important}
body #messages button.reaction.super-reaction{background:linear-gradient(125deg,color-mix(in srgb,var(--super-color,#b494ff) 29%,var(--panel2)),color-mix(in srgb,var(--super-secondary,#58bfee) 13%,var(--panel2)))!important;border-color:var(--super-color,#b494ff)!important;color:var(--text)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--super-color,#b494ff) 22%,transparent),0 0 11px color-mix(in srgb,var(--super-color,#b494ff) 22%,transparent)!important}
body #messages button.reaction.super-reaction.selected{background:linear-gradient(125deg,color-mix(in srgb,var(--super-color,#b494ff) 42%,var(--panel2)),color-mix(in srgb,var(--super-secondary,#58bfee) 23%,var(--panel2)))!important;box-shadow:inset 0 -2px 0 var(--super-color,#b494ff),0 0 13px color-mix(in srgb,var(--super-color,#b494ff) 28%,transparent)!important}
body #messages button.reaction.super-reaction:hover{background:color-mix(in srgb,var(--super-color,#b494ff) 45%,var(--panel2))!important}.super-reaction-mark{display:inline-block}.super-reaction-mark small{color:var(--super-color,#b494ff)}
.super-effect-stage .super-particle{width:var(--size);height:var(--size);animation:sol-polished-spark 1.5s var(--delay) both cubic-bezier(.12,.65,.35,1);will-change:transform,opacity}.super-bloom{position:absolute;width:60px;height:60px;background:radial-gradient(circle,#ffc55a88,transparent 68%);border-radius:50%;animation:sol-polished-bloom .85s both;pointer-events:none}
.effect-ember .super-particle{border-radius:50% 20% 50% 30%;box-shadow:0 0 5px currentColor}
.effect-lava .super-particle{height:calc(var(--size) * 1.8);background:linear-gradient(#ffe397,currentColor 45%,#ed4220);box-shadow:0 0 7px #fa783a66;animation-name:sol-polished-lava}
.effect-smoke .super-particle{background:radial-gradient(ellipse at 35% 30%,#e8e6ef80,#9c9ba754 48%,transparent 72%);border-radius:45% 60% 50% 65%;filter:blur(2px);animation:sol-polished-smoke 1.9s var(--delay) both ease-out}
.effect-leaves .super-particle{height:calc(var(--size) * 1.125);background:none;color:inherit!important;filter:drop-shadow(0 2px 2px #0005);animation-name:sol-polished-leaf}.effect-leaves .super-bloom{background:radial-gradient(circle,#8ccf6355,transparent 68%)}
.effect-hearts .super-particle{width:22px;height:22px;font-size:20px;background:none;text-shadow:0 2px 4px #c6215544;animation-name:sol-polished-heart}.effect-hearts .super-bloom{background:radial-gradient(circle,#f57ca466,transparent 68%)}
.effect-confetti .super-particle{height:calc(var(--size) * 1.8);border-radius:1px;animation-name:sol-polished-confetti}
.effect-shockwave .super-particle{width:38px;height:38px;background:none;border:2px solid var(--super-color,#b494ff);box-shadow:0 0 8px color-mix(in srgb,var(--super-color,#b494ff) 35%,transparent);animation:sol-polished-ring 1.3s var(--delay) both ease-out}
.effect-phoenix .super-particle{background:currentColor;font-size:0;animation-name:sol-polished-spark;color:inherit!important}.effect-phoenix .phoenix-sprite{width:100px;height:75px;background:none;filter:drop-shadow(0 0 7px #fd792866);animation:sol-polished-phoenix 1.7s both cubic-bezier(.2,.65,.3,1)}.phoenix-sprite svg{width:100%;height:100%}
.super-effect-stage.reduced .super-particle{width:30px;height:30px;animation:sol-super-reduced .6s both;background:none;border:2px solid var(--super-color,var(--accent));border-radius:50%;filter:none;box-shadow:none}
@keyframes sol-polished-spark{0%{opacity:0;transform:translate(-50%,-50%) scale(.1)}12%{opacity:1}60%{opacity:.9;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(1)}100%{opacity:0;transform:translate(var(--x),calc(var(--y) + 18px)) rotate(var(--r)) scale(.15)}}
@keyframes sol-polished-bloom{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}25%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1.7)}}
@keyframes sol-polished-lava{0%{opacity:0;transform:translate(-50%,-50%) scale(.1)}15%{opacity:1}52%{opacity:1;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(.9)}100%{opacity:0;transform:translate(var(--x),20px) rotate(var(--r)) scale(.3)}}
@keyframes sol-polished-smoke{0%{opacity:0;transform:translate(-50%,0) scale(.4)}22%{opacity:.75}65%{opacity:.35;transform:translate(calc(var(--x) * -.3),calc(var(--y) * .6)) rotate(20deg) scale(1.8)}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(-15deg) scale(2.6)}}
@keyframes sol-polished-leaf{0%{opacity:0;transform:translate(-50%,-50%) rotate(-20deg) scale(.2)}16%{opacity:1}55%{opacity:1;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(1)}100%{opacity:0;transform:translate(calc(var(--x) * .85),calc(var(--y) + 32px)) rotate(calc(var(--r) + 35deg)) scale(.8)}}
@keyframes sol-polished-heart{0%{opacity:0;transform:translate(-50%,-50%) scale(.1)}20%{opacity:1;transform:translate(calc(var(--x) * .4),-15px) scale(1.2)}65%{opacity:.85}100%{opacity:0;transform:translate(var(--x),calc(var(--y) - 25px)) rotate(var(--r)) scale(.7)}}
@keyframes sol-polished-confetti{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}12%{opacity:1}40%{opacity:1;transform:translate(var(--x),var(--y)) rotate(var(--r)) scaleX(.5)}100%{opacity:0;transform:translate(var(--x),calc(var(--y) + 60px)) rotate(calc(var(--r) + 180deg)) scaleX(1)}}
@keyframes sol-polished-ring{0%{opacity:0;transform:translate(-50%,-50%) scale(.25)}12%{opacity:.85}100%{opacity:0;transform:translate(-50%,-50%) scale(3.2)}}
@keyframes sol-polished-phoenix{0%{opacity:0;transform:translate(-50%,-30%) scale(.15)}25%{opacity:1;transform:translate(-50%,-70%) scale(1.05)}55%{opacity:1;transform:translate(-50%,-100%) scale(.95)}100%{opacity:0;transform:translate(-50%,-170%) scale(1.1)}}
.effect-leaves .super-particle,.effect-phoenix .super-particle{color:var(--particle-color,#81c95c)!important}