.puni-button{transition:scale var(--duration-base) var(--ease-pop), background-color var(--duration-fast) ease, color var(--duration-fast) ease, border-color var(--duration-fast) ease, opacity var(--duration-fast) ease}.puni-button:not(:disabled):not([aria-disabled=true]):active{transition-duration:calc(var(--duration-fast) / 2);transition-timing-function:ease-out;scale:.97}@media (prefers-reduced-motion:reduce){.puni-button,.puni-button:not(:disabled):not([aria-disabled=true]):active{transition:none;scale:none}}.pd-button[data-tone=action]{--btn-accent:var(--action);--btn-on:var(--action-foreground)}.pd-button[data-tone=daybreak]{--btn-accent:var(--daybreak);--btn-on:var(--daybreak-foreground)}.pd-button[data-tone=rest]{--btn-accent:var(--rest);--btn-on:var(--canvas)}.pd-button[data-tone=progress]{--btn-accent:var(--progress);--btn-on:var(--action-foreground)}.pd-button[data-tone=danger]{--btn-accent:var(--danger);--btn-on:var(--canvas)}.pd-button[data-tone=neutral]{--btn-accent:var(--copy);--btn-on:var(--canvas)}.pd-button{--btn-ink:color-mix(in oklab, var(--btn-accent) 64%, var(--copy));transition:scale var(--duration-base) var(--ease-pop), background-color var(--duration-fast) ease, border-color var(--duration-fast) ease, color var(--duration-fast) ease, box-shadow var(--duration-fast) ease, opacity var(--duration-fast) ease}.pd-button[data-variant=solid]{background-color:var(--btn-accent);color:var(--btn-on);box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #0000001f,0 1px 2px #00000038}.pd-button[data-variant=solid]:hover{background-color:color-mix(in oklab, var(--btn-accent) 90%, var(--btn-on))}.pd-button[data-variant=solid]:not(:disabled):active{background-color:color-mix(in oklab, var(--btn-accent) 92%, #000);box-shadow:inset 0 1px 2px #00000038,0 0 #0000}.pd-button[data-variant=soft]{background-color:color-mix(in oklab, var(--btn-accent) 14%, transparent);color:var(--btn-ink);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--btn-accent) 26%, transparent)}.pd-button[data-variant=soft]:hover{background-color:color-mix(in oklab, var(--btn-accent) 22%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--btn-accent) 38%, transparent)}.pd-button[data-variant=soft]:not(:disabled):active{background-color:color-mix(in oklab, var(--btn-accent) 28%, transparent)}.pd-button[data-variant=soft][data-tone=neutral]{background-color:var(--surface-muted);color:var(--copy);box-shadow:inset 0 0 0 1px var(--divider)}.pd-button[data-variant=soft][data-tone=neutral]:hover{background-color:color-mix(in oklab, var(--surface-muted) 80%, var(--copy))}.pd-button[data-variant=outline]{color:var(--copy);box-shadow:inset 0 0 0 1px var(--divider-strong);background-color:#0000}.pd-button[data-variant=outline]:not([data-tone=neutral]){color:var(--btn-ink);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--btn-accent) 45%, var(--divider))}.pd-button[data-variant=outline]:hover{background-color:color-mix(in oklab, var(--btn-accent) 8%, transparent)}.pd-button[data-variant=ghost]{color:var(--copy-muted);background-color:#0000}.pd-button[data-variant=ghost]:hover{background-color:color-mix(in oklab, var(--btn-accent) 12%, transparent);color:var(--btn-ink)}.pd-button[data-variant=ghost][data-tone=neutral]:hover{background-color:var(--surface-muted);color:var(--copy)}.pd-button[data-variant=ghost]:not(:disabled):active{background-color:color-mix(in oklab, var(--btn-accent) 18%, transparent)}.pd-button[data-variant=link]{color:var(--btn-ink)}.pd-button[data-variant=link][data-tone=neutral]{color:var(--copy-muted)}.pd-button[data-variant=link][data-tone=neutral]:hover{color:var(--copy)}.pd-button:focus-visible{outline:2px solid color-mix(in oklab, var(--btn-accent) 70%, transparent);outline-offset:2px}.pd-button[data-tone=neutral]:focus-visible{outline-color:var(--divider-strong)}.pd-button:disabled{opacity:.5}.pd-button[data-variant=solid]:disabled{box-shadow:none}.pd-button[aria-busy=true]{color:#0000!important}.pd-button[aria-busy=true]>.pd-button-spinner{color:var(--btn-on)}.pd-button[aria-busy=true]:not([data-variant=solid])>.pd-button-spinner{color:var(--btn-ink)}@media (prefers-reduced-motion:reduce){.pd-button{transition:none}}