.ctl-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4em;min-height:var(--t-tap-min);padding:.55rem 1.1rem;border:1px solid transparent;border-radius:var(--t-r-md);background:transparent;color:var(--t-fg);font-family:var(--t-font-sans);font-size:.95rem;font-weight:600;line-height:1.35;text-align:center;text-decoration:none;cursor:pointer;transition:background-color var(--t-trans-fast),border-color var(--t-trans-fast),color var(--t-trans-fast)}.ctl-btn--block{display:flex;width:100%}.ctl-btn:focus-visible{outline:2px solid var(--t-accent);outline-offset:2px}.ctl-btn:active:not(:disabled){transform:translateY(1px);transition:none}.ctl-btn:disabled{color:var(--t-dim);cursor:not-allowed}.ctl-btn--primary{background:var(--t-accent);color:var(--t-on-accent);font-weight:700}.ctl-btn--primary:hover:not(:disabled){background:color-mix(in srgb,var(--t-accent) 88%,var(--t-bg))}.ctl-btn--primary:active:not(:disabled){background:color-mix(in srgb,var(--t-accent) 76%,var(--t-bg))}.ctl-btn--primary:disabled{background:var(--t-active-bg)}.ctl-btn--quiet{border-color:var(--t-rule)}.ctl-btn--quiet:hover:not(:disabled){background:var(--t-active-bg);border-color:var(--t-border-hover)}.ctl-btn--quiet:active:not(:disabled){background:var(--t-press-bg)}.ctl-btn--plain{padding-inline:.6rem;color:var(--t-fg-soft);font-weight:500}.ctl-btn--plain:hover:not(:disabled){color:var(--t-fg);text-decoration:underline;text-underline-offset:.25em}.ctl-btn--plain:active:not(:disabled){background:var(--t-press-bg);color:var(--t-fg)}.ctl-btn--danger{border-color:var(--t-danger);color:var(--t-danger)}.ctl-btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--t-danger) 12%,transparent)}.ctl-btn--danger:active:not(:disabled){background:color-mix(in srgb,var(--t-danger) 20%,transparent)}.ctl-btn--danger:disabled{border-color:var(--t-rule)}.ctl-btn--pill{border-radius:var(--t-r-pill)}.ctl-btn--pill.ctl-btn--quiet{border-color:var(--t-border-control)}.ctl-btn--pill.ctl-btn--quiet:hover:not(:disabled){border-color:var(--t-border-control)}.ctl-select{position:relative;display:flex;align-items:center;gap:var(--t-sp-2);width:100%;min-height:var(--t-tap-min);padding:var(--t-sp-3);border:1px solid var(--t-rule);border-radius:var(--t-r-md);background:transparent;color:var(--t-fg);font:inherit;text-align:start;cursor:pointer;transition:background-color var(--t-trans-fast),border-color var(--t-trans-fast)}.ctl-select:focus-visible{outline:2px solid var(--t-accent);outline-offset:2px}.ctl-select:hover:not(:disabled){background:var(--t-active-bg);border-color:var(--t-border-hover)}.ctl-select:active:not(:disabled){background:var(--t-press-bg);transition:none}.ctl-select:disabled{opacity:.45;cursor:not-allowed}.ctl-select[aria-checked=true]{background:var(--t-active-bg);border-color:var(--t-accent)}.ctl-select[aria-checked=true]:active:not(:disabled){background:var(--t-press-bg)}.ctl-select__mark{position:absolute;top:var(--t-sp-1);inset-inline-end:var(--t-sp-1);display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--t-r-pill);background:var(--t-accent);color:var(--t-on-accent)}.ctl-switch{appearance:none;-webkit-appearance:none;position:relative;flex:0 0 auto;width:44px;height:26px;margin:0;border:1.5px solid var(--t-muted);border-radius:var(--t-r-pill);background:transparent;cursor:pointer;transition:background-color var(--t-trans-fast),border-color var(--t-trans-fast)}.ctl-switch:after{content:"";position:absolute;top:50%;left:4px;width:14px;height:14px;border-radius:50%;background:var(--t-muted);transform:translateY(-50%);transition:left var(--t-trans-fast),width var(--t-trans-fast),height var(--t-trans-fast)}.ctl-switch:checked{background:var(--t-switch-on);border-color:var(--t-switch-on)}.ctl-switch:checked:after{left:20px;width:19px;height:19px;background:var(--t-switch-thumb)}.ctl-switch:focus-visible{outline:2px solid var(--t-accent);outline-offset:2px}.ctl-switch:disabled{cursor:not-allowed}@media(prefers-reduced-motion:reduce){.ctl-switch,.ctl-switch:after{transition:none}}.ctl-switch-row{display:flex;align-items:center;justify-content:space-between;gap:var(--t-sp-3, .75rem);min-height:var(--t-tap-min);padding-block:.5rem;cursor:pointer}.ctl-switch-row+.ctl-switch-row{border-top:1px solid var(--t-rule)}.ctl-switch-row__text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.ctl-switch-row__title{color:var(--t-fg);font-size:.95rem;line-height:1.4}.ctl-switch-row__desc{color:var(--t-fg-soft);font-size:.82rem;line-height:1.45}.ctl-switch-inline{display:inline-flex;align-items:center;gap:.5rem;min-height:var(--t-tap-min);color:var(--t-fg-soft);font-size:.85rem;cursor:pointer}.ctl-bell{display:inline-flex;align-items:center;gap:.5rem;min-height:var(--t-tap-min);padding:0;border:0;background:transparent;color:var(--t-fg-soft);font-family:var(--t-font-sans);font-size:.85rem;cursor:pointer}.ctl-bell__circle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--t-border-strong);border-radius:50%;color:var(--t-fg)}.ctl-bell.is-on .ctl-bell__circle{border-color:var(--t-accent);background:var(--t-accent);color:var(--t-on-accent)}.ctl-bell:focus-visible{outline:2px solid var(--t-accent);outline-offset:2px;border-radius:var(--t-r-md)}.ctl-bell:active:not(:disabled) .ctl-bell__circle{transform:translateY(1px)}.ctl-bell:disabled{cursor:not-allowed;color:var(--t-dim)}