/* Adapted from the approved centered-tongue preview. */
.red-toggle:before{display:none}
.red-toggle{position:relative;isolation:isolate;overflow:visible;gap:9px;animation:none}
.red-toggle .switch-dot{width:42px;height:26px;border-radius:16px;background:#3f232f;border:1px solid #d1738d;box-shadow:inset 0 2px 5px #190b2440;flex:none;pointer-events:none}
.red-toggle .switch-dot:after{width:14px;height:14px;left:5px;top:5px;background:radial-gradient(circle at 35% 25%,#fff8de,#ffeac6 90%);box-shadow:0 1px 3px #1a0c214f;transition:transform .28s ease,opacity .12s ease}
.red-toggle[aria-pressed=true] .switch-dot:after{transform:translateX(16px);background:#fff0d7}
.red-toggle .red-mouth{position:absolute;left:calc(50% - 10px);top:0;width:20px;height:24px;opacity:0;transform-origin:50% 5px;pointer-events:none}
.red-mouth:before{content:"";position:absolute;left:0;top:1px;width:20px;height:8px;background:linear-gradient(#261520,#331b2a);border-radius:3px 3px 11px 11px;box-shadow:0 -1px #ce6b8370}
.red-toggle .red-tongue{position:absolute;left:3px;top:6px;width:14px;height:17px;border-radius:2px 2px 9px 9px;background:radial-gradient(ellipse at 32% 26%,#ffc0c9 0%,#f48da9 36%,#df608a 80%,#c84671 100%);box-shadow:inset 1px 0 1px #ffe0d977,0 2px 3px #200c1d3d;transform-origin:50% 0;transform:scaleY(0)}
.red-tongue i{position:absolute;left:7px;top:0;width:1px;height:10px;border-radius:100%;background:linear-gradient(#b7446a99,#ce577b33,transparent)}
.red-tongue:after{content:"";position:absolute;left:3px;bottom:4px;width:3px;height:5px;border-radius:50%;background:#ffd1d34f;transform:rotate(-15deg)}
.red-toggle.tongue-playing .switch-dot:after{opacity:0}
.red-toggle.tongue-playing .red-mouth{animation:redMouth 2s ease both}
.red-toggle.tongue-playing .red-tongue{animation:redTongue 2s cubic-bezier(.25,.7,.3,1) both}
@keyframes redMouth{0%{opacity:0;transform:scale(.7)}8%,89%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.7)}}
@keyframes redTongue{0%,5%{transform:scaleY(0)}18%{transform:scaleY(1.06)}28%,45%{transform:scaleY(1) rotate(-4deg)}57%{transform:scaleY(.96) rotate(4deg)}72%,87%{transform:scaleY(1) rotate(0)}100%{transform:scaleY(0)}}
.red-toggle .red-wet{position:absolute;bottom:-1px;left:calc(50% - 15.5px);width:31px;height:2px;border-radius:100%;background:linear-gradient(90deg,transparent,#baf4ee,transparent);opacity:0;pointer-events:none}
.red-toggle .red-drop{position:absolute;left:calc(50% - 6.5px);top:calc(100% - 6px);width:13px;height:17px;border-radius:55% 55% 56% 56% / 75% 75% 42% 42%;background:radial-gradient(ellipse at 30% 35%,#e3fff780,#9bdfebdd 38%,#5999c7ed 77%);box-shadow:inset -1px -1px 2px #13395166,0 1px 3px #04092444;opacity:0;transform-origin:50% 0;pointer-events:none}
.red-drop i{position:absolute;left:3px;top:6px;width:2px;height:6px;border-radius:50%;background:#eeffface;transform:rotate(16deg)}
.red-toggle .red-ripple{position:absolute;left:calc(50% - 16.5px);bottom:-30px;width:33px;height:6px;border:1px solid #94d8eac0;border-radius:50%;opacity:0;box-shadow:0 0 5px #a9e4f52e;pointer-events:none}
.red-toggle .red-splash{position:absolute;left:calc(50% - 1.5px);bottom:-27px;width:3px;height:3px;border-radius:50%;background:#b9ecef;opacity:0;pointer-events:none}
.red-toggle.leak-playing .red-wet{animation:redWet 1.6s ease both}
.red-toggle.leak-playing .red-drop{animation:redDrop 1.8s ease both}
.red-toggle.leak-playing .red-ripple{animation:redRipple .65s 1.14s ease-out both}
.red-toggle.leak-playing .red-splash-a{animation:redSplashA .45s 1.18s ease-out both}
.red-toggle.leak-playing .red-splash-b{animation:redSplashB .45s 1.18s ease-out both}
@keyframes redWet{0%,100%{opacity:0;transform:scaleX(.3)}25%,70%{opacity:.8;transform:scaleX(1)}}
@keyframes redDrop{0%{opacity:0;transform:scale(.15,.05)}18%{opacity:1;transform:scale(.7,.55)}39%{opacity:1;transform:scale(.88,1.12)}49%{opacity:1;transform:translateY(0) scale(.9,1.25)}65%{opacity:1;transform:translateY(23px) scale(.8,.65)}70%,100%{opacity:0;transform:translateY(27px) scale(1.1,.15)}}
@keyframes redRipple{0%{opacity:0;transform:scale(.2)}25%{opacity:.8}100%{opacity:0;transform:scale(1.35,1.1)}}
@keyframes redSplashA{0%{opacity:0}22%{opacity:.8;transform:translate(-5px,-5px)}100%{opacity:0;transform:translate(-11px,1px)}}
@keyframes redSplashB{0%{opacity:0}22%{opacity:.8;transform:translate(5px,-6px)}100%{opacity:0;transform:translate(12px,2px)}}
@media(max-width:760px){.red-toggle .red-mouth,.red-toggle .red-tongue,.red-toggle .red-wet,.red-toggle .red-drop,.red-toggle .red-ripple,.red-toggle .red-splash{display:block}}
@media(prefers-reduced-motion:reduce){.red-toggle .switch-dot:after{transition:none}.red-toggle.tongue-playing .red-mouth{animation:none;opacity:1}.red-toggle.tongue-playing .red-tongue{animation:none;transform:scaleY(1)}.red-toggle.leak-playing .red-wet,.red-toggle.leak-playing .red-drop,.red-toggle.leak-playing .red-ripple,.red-toggle.leak-playing .red-splash{animation:none}.red-toggle.leak-playing .red-drop{opacity:1;transform:translateY(8px)}}