.btn-base{border-radius:var(--rad-sm,6px);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:10px 20px;font-family:inherit;font-size:.92rem;font-weight:500;text-decoration:none;transition:background-color .14s,border-color .14s,color .14s,box-shadow .14s,opacity .14s;display:inline-flex}.btn-sm{margin-top:0;padding:6px 12px;font-size:.82rem}.btn-icon{aspect-ratio:1;width:36px;min-width:36px;height:36px;margin-top:0;padding:8px}.btn-base:active{opacity:.92}.btn-base:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.btn-base:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-save{background:color-mix(in srgb, var(--acc) 80%, black);color:#fff;border:1px solid color-mix(in srgb, var(--acc) 50%, transparent);box-shadow:0 1px 2px #00000014}.btn-save:hover{background:color-mix(in srgb, var(--acc) 90%, black);border-color:var(--acc)}.btn-imp{background:color-mix(in srgb, var(--acc) 80%, black);color:#fff;border:1px solid color-mix(in srgb, var(--acc) 50%, transparent);box-shadow:0 1px 2px #00000014}.btn-imp:hover{background:color-mix(in srgb, var(--acc) 90%, black);border-color:var(--acc)}.btn-accent{background:color-mix(in srgb, var(--acc) 14%, transparent);color:var(--tx);border:1px solid color-mix(in srgb, var(--acc) 60%, transparent)}.btn-accent:hover{background:color-mix(in srgb, var(--acc) 22%, transparent);border-color:var(--acc)}.btn-edit{background:var(--acc);color:#fff;border:1px solid #0000;box-shadow:0 1px 2px #00000014}.btn-edit:hover{background:color-mix(in srgb, var(--acc) 85%, black)}.btn-cancel{background:var(--s2);color:var(--tx);border:1px solid var(--bd)}.btn-cancel:hover{background:var(--s3);border-color:color-mix(in srgb, var(--tx) 20%, var(--bd))}.btn-default{background-color:var(--s2);color:var(--tx);border:1px solid var(--bd)}.btn-default:hover{background-color:var(--s3);border-color:color-mix(in srgb, var(--tx) 20%, var(--bd))}.btn-ipa{background:var(--acc);color:#fff;border:1px solid #0000}.btn-ipa:hover{background:color-mix(in srgb, var(--acc) 88%, black)}.btn-error{background-color:var(--err);color:#fff;border:1px solid #0000}.btn-error:hover{background-color:color-mix(in srgb, var(--err) 85%, black)}.btn-import{background:var(--acc2);color:#fff;border:1px solid #0000}.btn-import:hover{background:color-mix(in srgb, var(--acc2) 85%, black)}.btn-listen{color:#fff;background:#0284c7;border:1px solid #0000}.btn-listen:hover{background:#0369a1}.btn-toggle{background:var(--s2);color:var(--tx2);border:1px solid var(--bd)}.btn-toggle:hover{background:var(--s3);color:var(--tx)}.btn-toggle-active{background:var(--acc);color:#fff;border:1px solid #0000}.btn-toggle-active:hover{background:color-mix(in srgb, var(--acc) 85%, black)}