.floating-top{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:90;width:60px;height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px;border:1px solid #ffe28b;border-radius:18px;background:linear-gradient(145deg,#ffda59,#ffc928);color:#111;box-shadow:0 6px 20px #0008;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.floating-top>span:first-child{font-size:30px;line-height:1}
.floating-top-label{font-size:11px;line-height:1.2;letter-spacing:.06em}
.floating-top:hover{transform:translateY(-3px);box-shadow:0 9px 24px #0009}
.floating-top:active{transform:translateY(0) scale(.96)}
.floating-top:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:700px){.floating-top{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:52px;height:60px;border-radius:15px}.floating-top>span:first-child{font-size:26px}}
@media(prefers-reduced-motion:reduce){.floating-top{transition:none}.floating-top:hover,.floating-top:active{transform:none}}