@layer properties,theme,base;@layer components{.btn{height:var(--btn-h);border-radius:var(--radius-md);border:1px solid var(--line-strong);background:var(--surface);color:var(--fg);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--motion-fast) var(--ease-standard);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex}.btn:hover{background:var(--hover);border-color:var(--text-tertiary)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.btn.active{background:color-mix(in srgb, var(--accent) 10%, transparent)}}.btn.active{border-color:var(--accent);color:var(--fg-accent)}.btn.primary{background:var(--fg);color:var(--bg);border-color:var(--fg)}.btn.primary:hover{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.btn.primary:hover{background:color-mix(in srgb, var(--fg) 85%, var(--bg))}}.btn.primary:hover{border-color:var(--fg)}@supports (color:color-mix(in lab, red, red)){.btn.primary:hover{border-color:color-mix(in srgb, var(--fg) 85%, var(--bg))}}.btn.accent{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:var(--glow-soft)}.btn.accent:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:var(--glow-md)}.btn.danger{background:var(--danger-solid);color:#fff;border-color:var(--danger-solid)}.btn.danger:hover{filter:brightness(.92)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--hover)}.btn.xs{height:var(--btn-xs-h);padding:0 10px;font-size:12px}.btn.icon{width:var(--btn-h);border-radius:var(--radius);justify-content:center;padding:0}.btn.icon.xs{width:var(--btn-xs-h)}.btn.md{height:var(--btn-md-h);padding:0 14px;font-size:13px}.btn.lg{height:var(--btn-lg-h);padding:0 18px;font-size:14px}.btn.xl{height:var(--btn-xl-h);padding:0 22px;font-size:15px}.btn.danger-outline{color:var(--danger);border-color:var(--danger);background:0 0}.btn.danger-outline:hover{background:var(--danger-bg)}.btn.link{color:var(--fg-accent);background:0 0;border-color:#0000;height:auto;padding:0;text-decoration:none}.btn.link:hover{background:0 0;text-decoration:underline}}@layer utilities;