/* A small personal note, shared by the library and invitation settings. */
.telegram-note{position:relative;isolation:isolate;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:26px;overflow:hidden}
.telegram-note::before{content:"";position:absolute;z-index:-1;inset:0 auto 0 0;width:4px;background:var(--primary);opacity:.7}
.telegram-note::after{content:"";position:absolute;z-index:-1;width:84px;height:84px;right:-43px;top:-43px;border:1px solid var(--border);border-radius:50%;box-shadow:0 0 0 13px var(--surface-soft)}
.telegram-note__layout,.telegram-note__copy,.telegram-note__controls{min-width:0}
.telegram-note__heading{display:flex;gap:15px;align-items:center}
.telegram-note__stamp{display:grid;place-items:center;flex:0 0 44px;width:44px;height:48px;border:1px dashed var(--primary);border-radius:8px;background:var(--surface-soft);color:var(--accent-text);transform:rotate(-8deg)}
.telegram-note__stamp svg{width:29px;height:29px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.telegram-note__eyebrow{margin:0 0 4px;font:800 10px/1.5 var(--font-body);letter-spacing:.07em;color:var(--text-muted)}
.telegram-note .telegram-note__heading h2{margin:0;font:700 29px/1.05 var(--font-note);color:var(--accent-text);letter-spacing:0}
.telegram-note__description{margin:17px 0 0;font:500 12px/1.85 var(--font-body);color:var(--text-muted);max-width:62ch}
.telegram-note__benefits{display:flex;flex-wrap:wrap;gap:7px 16px;margin-top:15px;font:700 10px/1.5 var(--font-body);color:var(--text)}
.telegram-note__benefits span{display:inline-flex;align-items:center;gap:6px}
.telegram-note__benefits span::before{content:"✓";font-size:12px;color:var(--accent-text)}
.telegram-note__controls{margin-top:21px;padding-top:18px;border-top:1px solid var(--border)}
.telegram-note__status{display:flex;align-items:center;gap:7px;margin:0 0 11px;font:700 10px/1.6 var(--font-body);color:var(--text-muted)}
.telegram-note__status>span{width:6px;height:6px;flex:0 0 6px;background:currentColor;border-radius:50%}
[data-telegram-state="connected"] .telegram-note__status{color:var(--success)}
[data-telegram-state="waiting"] .telegram-note__status,[data-telegram-state="ready"] .telegram-note__status{color:var(--accent-text)}
[data-telegram-state="error"] .telegram-note__status{color:var(--danger)}
.telegram-note__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.telegram-note .telegram-note__button{min-height:46px;padding:12px 17px;border-radius:10px;gap:18px;font-size:12px;box-shadow:none;text-decoration:none;max-width:100%;flex-shrink:0}
.telegram-note .telegram-note__button:disabled{opacity:1;color:var(--text-muted);background:var(--surface-soft);border:1px solid var(--border);cursor:not-allowed}
.telegram-note__arrow{font-size:17px;line-height:1;transition:transform .2s ease}
.telegram-note__button:hover .telegram-note__arrow{transform:translate(2px,-2px)}
.telegram-note__secondary{min-height:44px;padding:7px 0;border:0;background:transparent;color:var(--text-muted);font:700 10px/1.6 var(--font-body);text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:4px;cursor:pointer}
.telegram-note__secondary:hover{color:var(--accent-text);text-decoration-color:currentColor}
.telegram-note__secondary:disabled{opacity:.5;cursor:wait}
.telegram-note__feedback{margin:11px 0 0;font:500 10px/1.8 var(--font-body);color:var(--text-muted);overflow-wrap:anywhere}
.telegram-note__feedback:empty{display:none}
[data-telegram-state="error"] .telegram-note__feedback{color:var(--danger)}
.invitations-telegram{margin:28px 0 34px;padding:27px 30px}
.invitations-telegram .telegram-note__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,290px);gap:22px 35px;align-items:center}
.invitations-telegram .telegram-note__controls{margin:0;padding:0 0 0 30px;border-top:0;border-left:1px solid var(--border)}
.invitations-telegram .telegram-note__description{font-size:13px}
.invitations-telegram .telegram-note__benefits{font-size:11px}
.invitations-telegram .telegram-note__heading h2{font-size:33px}
.invitations-telegram .telegram-note__feedback{max-width:36ch}
.manage-telegram .telegram-note__button{flex:1;justify-content:space-between}
.manage-telegram .telegram-note__secondary{font-size:11px}
.manage-telegram .telegram-note__benefits{display:grid;gap:7px}
.manage-telegram .telegram-note__secondary:only-child{padding-top:0}
.telegram-access-note{font-size:11px;line-height:1.8;color:var(--text-muted);margin-top:14px}
@media(max-width:760px){.invitations-telegram{padding:23px}.invitations-telegram .telegram-note__layout{grid-template-columns:minmax(0,1fr)}.invitations-telegram .telegram-note__controls{border-left:0;border-top:1px solid var(--border);padding:17px 0 0}.invitations-telegram .telegram-note__feedback{max-width:none}.invitations-telegram .telegram-note__description{font-size:12px}}
@media(max-width:400px){.telegram-note{padding:21px}.telegram-note__heading{gap:12px}.telegram-note .telegram-note__heading h2{font-size:29px}.telegram-note__stamp{flex-basis:40px;width:40px;height:44px}.telegram-note__benefits{font-size:10px}.telegram-note .telegram-note__button{width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.telegram-note__arrow{transition:none}.telegram-note__button:hover .telegram-note__arrow{transform:none}}