.base-btn{white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;gap:8px;font-weight:600;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex;position:relative;overflow:hidden}.base-btn__content{z-index:1;align-items:center;gap:8px;display:inline-flex;position:relative}.base-btn--primary:hover:not(:disabled){background:color-mix(in srgb, var(--color-primary) 82%, #000)}.base-btn--secondary:hover:not(:disabled){background:color-mix(in srgb, var(--color-secondary) 85%, #000)}.base-btn--outline:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.base-btn--ghost:hover:not(:disabled){background:color-mix(in srgb, var(--color-primary) 10%, transparent);color:var(--color-primary)}.base-btn--danger:hover:not(:disabled){background:#b91c1c}.base-btn--sm{min-height:36px;padding:8px 16px;font-size:.85rem}.base-btn--md{min-height:44px;padding:12px 24px;font-size:.95rem}.base-btn--lg{min-height:52px;padding:16px 32px;font-size:1.05rem}.base-btn--primary{background:var(--color-primary);color:var(--color-on-primary,#fff)}.base-btn--secondary{background:var(--color-secondary);color:#fff}.base-btn--outline{border:2px solid var(--color-border);color:var(--color-text);background:0 0}.base-btn--ghost{color:var(--color-text-secondary);background:0 0}.base-btn--danger{background:var(--color-danger);color:#fff}.base-btn--block{width:100%}.base-btn:disabled{opacity:.5;cursor:not-allowed}.base-btn--loading{cursor:wait;opacity:1!important}.base-btn__icon{align-items:center;font-size:1.1em;display:flex}[data-theme=dark] .base-btn--primary:hover:not(:disabled){background:#7fd0e2}[data-theme=dark] .base-btn--secondary{color:#0f2430}[data-theme=dark] .base-btn--secondary:hover:not(:disabled){background:#b8c6d3}[data-theme=dark] .base-btn--danger{background:#dc2626}[data-theme=dark] .base-btn--danger:hover:not(:disabled){background:#b91c1c}@media (max-width:768px){.base-btn--md{min-height:48px;padding:14px 24px}.base-btn--lg{min-height:56px;padding:16px 32px}}