.btn{--btn-bg:var(--c-surface-raised);--btn-bg-hover:var(--c-surface-overlay);--btn-fg:var(--c-text);--btn-border:var(--c-border-strong);justify-content:center;align-items:center;gap:var(--space-2);min-block-size:var(--tap-min);padding-inline:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-fg);font-weight:var(--weight-bold);font-size:var(--text-md);text-align:center;-webkit-user-select:none;user-select:none;transition:background-color var(--dur-micro) var(--ease-standard), transform var(--dur-micro) var(--ease-standard), box-shadow var(--dur-micro) var(--ease-standard);line-height:1.1;text-decoration:none;display:inline-flex;position:relative}@media (hover:hover){.btn:hover:not(.is-soft-disabled):not(:disabled){background:var(--btn-bg-hover)}}.btn:active:not(.is-soft-disabled):not(:disabled){transform:scale(.97)}.btn--primary{--btn-bg:var(--c-accent);--btn-bg-hover:var(--c-accent-hover);--btn-fg:var(--c-on-accent);--btn-border:transparent;box-shadow:var(--shadow-1)}.btn--primary:active:not(.is-soft-disabled){background:var(--c-accent-active)}.btn--danger{--btn-bg:var(--c-danger);--btn-bg-hover:var(--c-danger);--btn-fg:var(--c-on-danger);--btn-border:transparent}.btn--ghost{--btn-bg:transparent;--btn-bg-hover:var(--c-accent-soft);--btn-border:transparent;--btn-fg:var(--c-accent-text)}.btn--quiet{--btn-bg:transparent;--btn-bg-hover:var(--c-surface-raised);--btn-border:var(--c-border);--btn-fg:var(--c-text-muted)}.btn--sm{min-block-size:36px;padding-inline:var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-sm)}.btn--sm:after{content:"";position:absolute;inset:-4px 0}.btn--lg{min-block-size:54px;font-size:var(--text-lg);padding-inline:var(--space-6);border-radius:var(--radius-lg)}.btn--block{inline-size:100%;display:flex}.btn.is-soft-disabled:not(.is-loading),.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn.is-loading .btn__label{opacity:.75}.btn__spinner{border:2.5px solid;border-inline-end-color:#0000;border-radius:50%;block-size:18px;inline-size:18px;animation:.8s linear infinite btn-spin}@keyframes btn-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.btn__spinner{border-style:dotted;animation-duration:2s!important;animation-iteration-count:infinite!important}}.iconbtn{border-radius:var(--radius-pill);color:var(--c-text);background:var(--c-glass);border:1px solid var(--c-border);box-shadow:var(--shadow-1);transition:transform var(--dur-micro) var(--ease-standard);flex:none;place-items:center;display:inline-grid;position:relative}.iconbtn:active{transform:scale(.94)}@media (hover:hover) and (pointer:fine){.iconbtn:not(:disabled):hover{background:var(--c-surface-raised);border-color:var(--c-border-strong)}}.iconbtn.homebtn,.iconbtn.pageback{inline-size:var(--tap-min);block-size:var(--tap-min);text-decoration:none}.homebtn--end{margin-inline-start:auto}.iconbtn__badge{border-radius:var(--radius-pill);background:var(--c-accent);block-size:18px;min-inline-size:18px;color:var(--c-on-accent);font-size:var(--text-2xs);font-weight:var(--weight-black);text-align:center;padding-inline:4px;line-height:18px;position:absolute;inset-block-start:-3px;inset-inline-end:-3px}