.oxo-fab{flex-direction:row-reverse;align-items:center;gap:12px;display:flex}.oxo{--oxo-size:64px;width:var(--oxo-size);height:var(--oxo-size);cursor:pointer;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 32% 26%,#bff3ff 0%,#31d7ff 22%,#1c6bff 62%,#0a2a8a 100%);border:0;border-radius:9999px;flex:none;place-items:center;padding:0;transition:transform .25s,box-shadow .25s;display:grid;position:relative;box-shadow:0 0 0 2px #f5be62d9,0 0 0 5px #f5be621f,0 14px 36px -8px #1c6bffbf,inset 0 -8px 18px #04103c8c,inset 0 6px 14px #ffffff59}.oxo:before,.oxo:after{content:"";pointer-events:none;border:1px solid #31d7ff59;border-radius:9999px;animation:3.2s ease-out infinite oxo-breathe;position:absolute;inset:-14px}.oxo:after{border-color:#31d7ff2e;animation-delay:1.1s;inset:-26px}.oxo:hover,.oxo:focus-visible{outline:none;transform:scale(1.07);box-shadow:0 0 0 2px #f5be62,0 0 0 6px #f5be622e,0 18px 44px -8px #31d7ffcc,inset 0 -8px 18px #04103c8c,inset 0 6px 14px #fff6}.oxo-gloss{filter:blur(1px);pointer-events:none;background:radial-gradient(#ffffffbf,#fff0 70%);border-radius:9999px;width:44%;height:30%;position:absolute;top:10%;left:18%}.oxo-icon{filter:drop-shadow(0 1px 2px #001e5a99);width:42%;height:42%;position:relative}.oxo-dot{background:#2ee59d;border-radius:9999px;width:12px;height:12px;position:absolute;top:6%;right:6%;box-shadow:0 0 0 2px #070c16,0 0 10px #2ee59d}.oxo-badge{color:#fff;background:#ef4444;border-radius:9999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:10px;font-weight:700;display:grid;position:absolute;top:-4px;right:-4px;box-shadow:0 0 0 2px #070c16}.oxo--sm{--oxo-size:44px}.oxo--sm:after{display:none}.oxo--sm:before{inset:-8px}.oxo--gold{background:radial-gradient(circle at 32% 26%,#fff3d6 0%,#f5be62 30%,#b9822a 75%,#5b3b0c 100%);box-shadow:0 0 0 2px #31d7ff99,0 10px 26px -8px #f5be6299,inset 0 -6px 12px #3c230480,inset 0 4px 10px #ffffff59}.oxo--gold:before{border-color:#f5be624d}.oxo--gold:hover,.oxo--gold:focus-visible{box-shadow:0 0 0 2px #31d7ff,0 12px 30px -8px #f5be62b3,inset 0 -6px 12px #3c230480,inset 0 4px 10px #fff6}.oxo-label{opacity:0;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#090f1cf0;border:1px solid #31d7ff4d;border-radius:14px;padding:8px 12px;transition:opacity .25s,transform .25s;transform:translate(8px)}.oxo-label b{color:#eaf1ff;font-size:13px;font-weight:600;line-height:1.2;display:block}.oxo-label span{color:#8b97b3;font-size:11px;display:block}.oxo-fab:hover .oxo-label,.oxo-fab:focus-within .oxo-label{opacity:1;transform:none}@media (width<=640px){.oxo{--oxo-size:56px}.oxo--sm{--oxo-size:42px}.oxo-label{display:none}}@keyframes oxo-breathe{0%{opacity:.9;transform:scale(.82)}to{opacity:0;transform:scale(1.25)}}@media (prefers-reduced-motion:reduce){.oxo:before,.oxo:after{opacity:.4;animation:none}.oxo{transition:none}}