.btn{--btn-color:var(--accent);--btn-ink:var(--accent-ink);--btn-soft:var(--accent-soft);--btn-contrast:var(--accent-contrast);--btn-tint:color-mix(in srgb, var(--accent) 11%, var(--bg-surface));--btn-tint-hover:color-mix(in srgb, var(--accent) 17%, var(--bg-surface));--btn-shadow:0 1px 2px rgba(var(--shadow-rgb), .05), 0 4px 12px -4px rgba(var(--shadow-rgb), .12);justify-content:center;align-items:center;gap:var(--space-2);min-width:0;min-height:40px;padding-inline:var(--space-4);border-radius:var(--radius-md);box-shadow:var(--btn-shadow);font-size:var(--text-base-size);font-weight:var(--weight-medium);line-height:var(--leading-tight);white-space:nowrap;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-base), scale var(--transition-fast);border:1px solid #0000;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){scale:.975}.btn--primary{--btn-color:var(--accent);--btn-ink:var(--accent-ink);--btn-soft:var(--accent-soft);--btn-contrast:var(--accent-contrast)}.btn--danger{--btn-color:var(--danger);--btn-ink:var(--danger-ink);--btn-soft:var(--danger-soft);--btn-contrast:var(--white)}.btn--success{--btn-color:var(--accent);--btn-ink:var(--accent-ink);--btn-soft:var(--accent-soft);--btn-contrast:var(--accent-contrast)}.btn--danger-secondary{--btn-color:var(--danger);--btn-ink:var(--danger-ink);background:color-mix(in srgb, var(--danger) 8%, var(--bg-surface));color:var(--danger-ink)}.btn--danger-secondary:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 14%, var(--bg-surface))}.btn--sm{min-height:32px;padding-inline:var(--space-3);font-size:var(--text-sm)}.btn--lg{min-height:44px;padding-inline:var(--space-5);font-size:var(--text-md)}.btn--block{width:100%}.btn--primary,.btn--danger,.btn--success{--btn-shadow:inset 0 1px 0 #ffffff1f, 0 1px 2px color-mix(in srgb, var(--btn-color) 22%, transparent), 0 4px 10px -6px color-mix(in srgb, var(--btn-color) 45%, transparent);background:var(--btn-color);color:var(--btn-contrast)}.btn--primary:hover:not(:disabled),.btn--danger:hover:not(:disabled),.btn--success:hover:not(:disabled){--btn-shadow:inset 0 1px 0 #ffffff1f, 0 1px 2px color-mix(in srgb, var(--btn-color) 26%, transparent), 0 6px 14px -6px color-mix(in srgb, var(--btn-color) 50%, transparent);background:color-mix(in srgb, var(--btn-color) 90%, #000)}.btn--secondary,.btn--warning{background:var(--btn-tint);color:var(--text-strong)}.btn--secondary:hover:not(:disabled),.btn--warning:hover:not(:disabled){background:var(--btn-tint-hover)}.btn--soft,.btn--ghost{background:var(--slate-100);color:var(--slate-600)}.btn--soft:hover:not(:disabled),.btn--ghost:hover:not(:disabled){background:var(--slate-200);color:var(--slate-700)}.btn--soft{background:var(--slate-200)}.btn--soft:hover:not(:disabled){background:color-mix(in srgb, var(--slate-200) 50%, var(--slate-300))}.btn--quiet{--btn-shadow:none;color:var(--text-muted);background:0 0;border-color:#0000}.btn--quiet:hover:not(:disabled){background:var(--bg-hover);color:var(--text-strong)}.btn--icon{aspect-ratio:1;width:40px;padding-inline:0}.btn--sm.btn--icon{width:32px}.btn--lg.btn--icon{width:44px}.btn:focus-visible{outline:2px solid var(--btn-color);outline-offset:2px}.btn--secondary:focus-visible,.btn--warning:focus-visible,.btn--ghost:focus-visible,.btn--soft:focus-visible,.btn--quiet:focus-visible{outline-color:var(--accent)}.btn:disabled,.btn[aria-disabled=true],.btn[aria-disabled=true]:hover,.btn[aria-disabled=true]:active{cursor:not-allowed;background:var(--bg-surface-2);border-color:var(--border);color:var(--text-subtle);box-shadow:none}.btn--quiet:disabled{opacity:.45;background:0 0;border-color:#0000}.btn:disabled,.btn[aria-disabled=true]:active{scale:1}@media (prefers-reduced-motion:reduce){.btn:active:not(:disabled){scale:1}}.btn__spin{flex:none;animation:.9s linear infinite btn-spin}@keyframes btn-spin{to{rotate:1turn}}@media (prefers-reduced-motion:reduce){.btn__spin{animation-duration:2.4s}}.state{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-12) var(--space-6);text-align:center;flex-direction:column;display:flex}.state__icon{--st-hue:var(--text-subtle);width:40px;height:40px;border-radius:var(--radius-md);background:color-mix(in srgb, var(--st-hue) 12%, var(--bg-surface));color:var(--st-hue);place-items:center;margin-block-end:var(--space-2);display:grid}.state--empty .state__icon{background:var(--accent-soft);color:var(--accent-ink)}.state__icon--error{--st-hue:var(--danger)}.state__icon--denied{--st-hue:var(--warning)}.state__title{color:var(--text-strong);font-size:var(--text-base-size);font-weight:var(--weight-semibold)}.state__description{max-width:46ch;color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-normal)}.state__action{margin-top:var(--space-2)}.state--loading{padding-block:var(--space-10);gap:var(--space-4)}.state__spinner{border:2.5px solid var(--border);border-block-start-color:var(--accent);border-radius:var(--radius-full);width:28px;height:28px;animation:.8s linear infinite state-spin}@keyframes state-spin{to{rotate:360deg}}.state--inline{gap:var(--space-3);padding:var(--space-4) 0;flex-direction:row}.state--inline .state__spinner{border-width:2px;width:18px;height:18px}.page-loader{justify-content:center;align-items:center;gap:var(--space-4);min-block-size:min(48vh,380px);padding:var(--space-12) var(--space-6);text-align:center;animation:page-loader-in var(--dur-base) var(--ease-out) .2s backwards;flex-direction:column;display:flex}.page-loader--full{background:var(--bg-app);min-block-size:100vh}@keyframes page-loader-in{0%{opacity:0}}.page-loader__ring{border-radius:var(--radius-full);border:2.5px solid var(--border-strong);border-block-start-color:var(--accent);block-size:32px;inline-size:32px;animation:.8s linear infinite page-loader-spin}@keyframes page-loader-spin{to{rotate:360deg}}.page-loader__label{max-inline-size:42ch;color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-normal)}