.btn{--btn: var(--accent);--btn-text: #160c00;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.4rem;padding:0 1rem;border-radius:.6rem;border:1px solid color-mix(in srgb,var(--btn) 80%,#000);background:linear-gradient(180deg,#ffffff38,#fff0 55%),var(--btn);color:var(--btn-text);box-shadow:inset 0 1px #ffffff4d,0 2px 10px color-mix(in srgb,var(--btn) 25%,transparent);font:inherit;font-size:.92rem;font-weight:700;line-height:1;white-space:nowrap;text-shadow:0 1px 0 rgba(255,255,255,.25);cursor:pointer;transition:box-shadow .2s ease,transform .15s ease,filter .2s ease}.btn:not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:inset 0 1px #ffffff4d,0 6px 18px color-mix(in srgb,var(--btn) 45%,transparent)}.btn:not(:disabled):active{transform:translateY(1px) scale(.98)}.btn:focus-visible{outline:2px solid var(--btn);outline-offset:2px}.btn:disabled{--btn: #4a4452;--btn-text: rgba(255, 255, 255, .55);cursor:not-allowed;box-shadow:none}.btn--ghost{--btn: color-mix(in srgb, var(--accent) 72%, #000)}.btn--dark{--btn: color-mix(in srgb, var(--bg) 82%, transparent);--btn-text: #fff;border-color:#ffffff1a}.btn--dark:not(:disabled):hover{box-shadow:inset 0 1px #ffffff1f,0 0 12px rgba(var(--accent-rgb),.55)}.btn--dark,.btn--danger,.btn--success{text-shadow:0 1px 2px rgba(0,0,0,.6)}.btn:disabled{text-shadow:none}.btn--danger{--btn: #e5484d;--btn-text: #fff}.btn--success{--btn: #3fae5a;--btn-text: #fff}.btn--icon{width:2.4rem;padding:0;font-size:1rem}.btn--lg{min-height:2.9rem;padding:0 1.5rem;font-size:1.02rem;border-radius:.7rem}.btn--sm{min-height:2rem;padding:0 .75rem;font-size:.82rem;border-radius:.5rem}@media(prefers-reduced-motion:reduce){.btn{transition:none}}