@layer quartz-base{.floating-buttons{z-index:50;right:clamp(1rem,2vw,1.75rem);bottom:calc(clamp(1rem, 2.5vw, 1.75rem) + env(safe-area-inset-bottom,0px));opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;gap:.5rem;transition:opacity .2s ease-out,transform .2s ease-out,visibility 0s linear .2s;display:flex;position:fixed;transform:translateY(6px)}.floating-buttons[hidden]{display:none}.floating-buttons[data-visible=true]{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s ease-out,transform .2s ease-out,visibility linear;transform:none}.floating-button{box-sizing:border-box;cursor:pointer;border:1px solid var(--lightgray);border-radius:var(--surface-radius,8px);background:var(--light);width:36px;height:36px;color:var(--secondary);justify-content:center;align-items:center;padding:0;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.floating-button:hover,.floating-button:active{border-color:var(--gray);background:color-mix(in srgb, var(--gray) 6%, var(--light))}.floating-button:focus-visible{outline:2px solid var(--secondary);outline-offset:2px}.floating-button[aria-disabled=true]{opacity:.4;pointer-events:none}.floating-button-icon{width:18px;height:18px}@media (prefers-reduced-motion:reduce){.floating-buttons,.floating-buttons[data-visible=true]{transition:none}}}