.arc-dock{z-index:var(--z-dock);flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed;inset-block-end:max(20px, env(safe-area-inset-bottom));inset-inline-end:max(20px, env(safe-area-inset-right))}.arc-dock__toggle{border-radius:var(--radius-circle);background:var(--cta-primary-bg);width:56px;height:56px;color:var(--cta-primary-fg);cursor:pointer;box-shadow:var(--shadow-glow-soft), var(--shadow-md);transition:background var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-standard), box-shadow var(--dur-base) var(--ease-standard);border:none;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.arc-dock__toggle:hover{background:var(--cta-primary-bg-hover);transform:translateY(-2px)}.arc-dock__toggle:active{transform:translateY(0)}.arc-dock__ripple{border-radius:var(--radius-circle);border:1.5px solid var(--arc-aqua-mint);opacity:0;pointer-events:none;position:absolute;inset:0}.arc-dock__actions{opacity:0;pointer-events:none;max-height:0;transition:max-height var(--dur-base) var(--ease-water), opacity var(--dur-fast) var(--ease-standard), transform var(--dur-base) var(--ease-water);flex-direction:column;align-items:flex-end;gap:10px;display:flex;overflow:hidden;transform:translateY(8px)}.arc-dock__actions[data-open=true]{opacity:1;pointer-events:auto;max-height:280px;transform:translateY(0)}.arc-dock__action{white-space:nowrap}@media (max-width:599.98px){.arc-dock{gap:10px;inset-block-end:max(16px, env(safe-area-inset-bottom));inset-inline-end:max(16px, env(safe-area-inset-right))}.arc-dock__toggle{width:50px;height:50px}}
