:root{--color-bg:var(--background);--color-fg:var(--foreground);--color-muted:var(--muted-foreground);--color-accent:var(--primary);--color-success:var(--success);--color-danger:var(--error);--color-warning:var(--warning);--color-info:var(--accent);--surface-1:var(--card);--surface-2:var(--muted);--surface-3:var(--background);--ease-emph:cubic-bezier(.2,.8,.2,1);--dur-quick:120ms;--dur-std:200ms;--dur-slow:360ms;--radius-sm:10px;--radius-md:16px;--radius-lg:22px}.btn{border:1px solid color-mix(in oklab,var(--primary),transparent 70%);background:color-mix(in oklab,var(--primary),var(--card) 88%);color:var(--foreground);padding:.45rem .9rem;border-radius:999px;font-weight:600;box-shadow:0 12px 24px -18px color-mix(in oklab,var(--primary) 35%,transparent);transition:transform var(--dur-quick) var(--ease-emph),border-color var(--dur-quick) var(--ease-emph)}.btn:active{transform:translateY(1px)}.btn:hover{border-color:var(--primary)}.icon-btn{border:1px solid color-mix(in oklab,var(--primary),transparent 75%);background:var(--surface-1);padding:.3rem .55rem;border-radius:999px;box-shadow:0 10px 20px -18px color-mix(in oklab,var(--primary) 22%,transparent)}