@layer reset,base,legacy;@layer ui{.ui-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap);height:var(--button-height);padding:0 var(--space-5);border-radius:var(--button-radius);font:600 var(--fs-button)/1 var(--font-ui);letter-spacing:.01em;white-space:nowrap;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), opacity var(--dur-fast) var(--ease);border:1px solid #0000;display:inline-flex}.ui-button--sm{height:var(--tap);padding:0 var(--space-4);font-size:var(--fs-sm)}@media (pointer:fine){.ui-button--sm{height:38px;min-height:38px}}.ui-button--lg{height:50px;font-size:var(--fs-body)}.ui-button--block{width:100%;display:flex}.ui-button--accent{background:var(--accent);color:var(--accent-ink)}.ui-button--ink{background:var(--ink-1);color:var(--bg)}.ui-button--outline{border-color:var(--line-2);color:var(--ink-1);background:0 0}.ui-button--ghost{color:var(--ink-1);background:0 0}.ui-button--glass{background:var(--glass);border-color:var(--glass-line);color:var(--ink-1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.ui-button--danger{background:var(--bad-soft);color:var(--bad-ink)}.ui-button:disabled,.ui-button[aria-busy=true],.ui-button[aria-disabled=true]{opacity:.6;cursor:default}@media (hover:hover){.ui-button--accent:hover:not(:disabled):not([aria-busy=true]):not([aria-disabled=true]){background:var(--accent-2)}.ui-button--ink:hover:not(:disabled):not([aria-busy=true]):not([aria-disabled=true]){opacity:.88}.ui-button--outline:hover:not(:disabled):not([aria-busy=true]):not([aria-disabled=true]){border-color:var(--line-3)}.ui-button--ghost:hover:not(:disabled):not([aria-busy=true]):not([aria-disabled=true]){background:var(--surface-2)}.ui-button--glass:hover:not(:disabled):not([aria-busy=true]):not([aria-disabled=true]){background:var(--surface)}.ui-button--danger:hover:not(:disabled):not([aria-busy=true]):not([aria-disabled=true]){filter:brightness(.97)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.ui-button--glass{background:var(--surface)}}@media (prefers-reduced-transparency:reduce){.ui-button--glass{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}}}@layer page,focus;
