.telegram-link-settings{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.telegram-link-settings h3{margin:0 0 12px;font-size:22px;color:var(--text)}
.telegram-link-settings p{color:var(--muted);line-height:1.65}
.telegram-link-profile{padding:16px;border:1px solid var(--blue);border-radius:12px;background:var(--blue-soft);color:var(--text);font-weight:700;overflow-wrap:anywhere}
.telegram-link-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.telegram-link-actions .button{flex:1 1 220px;text-align:center;white-space:normal;min-height:46px}
.telegram-link-settings [hidden]{display:none!important}
.telegram-link-settings .notice{overflow-wrap:anywhere;color:var(--muted)}
.telegram-link-settings .notice.error{color:var(--danger)}
.telegram-link-settings a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
@media(max-width:600px){.telegram-link-settings{padding:16px}.telegram-link-actions .button{flex-basis:100%}}
.reminder-switch{display:flex;align-items:center;gap:12px;min-height:48px;color:var(--text);cursor:pointer}
.reminder-switch span{font-size:14px;line-height:1.5}
.reminder-switch input[type=checkbox]{appearance:none;position:relative;width:44px;height:26px;flex:0 0 44px;margin:0;padding:0;border:1px solid var(--line);border-radius:20px;background:var(--surface);cursor:pointer}
.reminder-switch input[type=checkbox]::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:var(--text);transition:transform .18s ease}
.reminder-switch input[type=checkbox]:checked{background:var(--blue);border-color:var(--blue)}
.reminder-switch input[type=checkbox]:checked::after{transform:translateX(18px);background:#fff}
.reminder-switch input[type=checkbox]:disabled{opacity:.6;cursor:wait}
.reminder-switch input:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
#reminderStatus{min-height:1.65em;overflow-wrap:anywhere}
.profile-settings-stack{border:0;padding:0;background:none;display:grid;gap:20px}
@media(prefers-reduced-motion:reduce){.reminder-switch input[type=checkbox]::after{transition:none}}
@media(forced-colors:active){.reminder-switch input[type=checkbox]{appearance:auto}.reminder-switch input[type=checkbox]::after{display:none}}
