.sober-float{position:fixed;z-index:100;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:88px;min-height:88px;padding:7px 9px 9px;border:2px solid #ecebe6;border-radius:7px 11px 6px 10px;background:#0b0b0af2;box-shadow:4px 4px 0 #c6ff3d;color:#ecebe6;font:600 11px/1.1 Oswald,sans-serif;letter-spacing:.09em;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .18s ease,box-shadow .18s ease}
.sober-float[hidden]{display:none}
.sober-float svg{display:block;flex:none;animation:sober-water-wobble 3.6s ease-in-out infinite;transform-origin:50% 56%}
.sober-float span{white-space:nowrap}
.sober-float:hover{transform:translateY(-3px);box-shadow:4px 7px 0 #c6ff3d}
.sober-float:active{transform:translateY(1px);box-shadow:2px 2px 0 #c6ff3d}
.sober-float:focus-visible{outline:2px solid #c6ff3d;outline-offset:5px}
@keyframes sober-water-wobble{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
@media(max-width:700px){.sober-float{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));min-width:78px;min-height:82px;padding:6px 7px;font-size:10px}.sober-float svg{width:43px;height:43px}}
@media(prefers-reduced-motion:reduce){.sober-float,.sober-float svg{animation:none;transition:none}}