.auth-overlay,.modal-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:#0b1324e8;backdrop-filter:blur(14px)}
.auth-card,.modal-card{position:relative;width:min(410px,100%);padding:34px;border:1px solid #ffffff22;border-radius:26px;background:#fff;box-shadow:0 30px 90px #0007}
.auth-logo{display:grid;place-items:center;width:52px;height:52px;margin-bottom:20px;border-radius:16px;background:var(--navy);color:#fff;font-weight:800}
.auth-kicker{color:#8190a7;font-size:9px;font-weight:800;letter-spacing:.2em}
.auth-card h2,.modal-card h2{margin:7px 0 8px;font-family:Georgia,serif;font-size:27px}
.auth-card>p{margin:0 0 24px;color:var(--muted);font-size:12px;line-height:1.5}
.auth-card form{display:grid;gap:13px}.auth-card label{display:grid;gap:6px;color:#55627a;font-size:10px;font-weight:700}
.auth-card input{width:100%;height:43px;padding:0 13px;border:1px solid var(--line);border-radius:11px;outline:0}
.auth-card input:focus,.search.large:focus-within{border-color:#7c99ca;box-shadow:0 0 0 3px #3976ea12}
.primary{height:44px;margin-top:5px;border:0;border-radius:12px;background:var(--navy);color:#fff;font-weight:700}
.auth-switch{display:block;margin:16px auto 0;border:0;background:none;color:#5277ad;font-size:11px}.form-error{min-height:16px;margin-top:10px;color:#c94d55;text-align:center;font-size:10px}
.auth-app-downloads{display:grid;gap:9px;margin-top:18px;padding-top:15px;border-top:1px solid var(--line);text-align:center}.auth-app-downloads>span:first-child{color:var(--muted);font-size:11px;font-weight:750}.auth-app-download-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px}.auth-app-download{min-width:0;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:#f3f6f4;color:#18231e;text-align:left;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.auth-app-download svg{width:24px;height:24px;flex:0 0 24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.auth-app-download.ios svg{fill:currentColor;stroke:none}.auth-app-download span{display:grid;line-height:1.05}.auth-app-download small{color:#69746e;font-size:8px}.auth-app-download strong{font-size:12px}.auth-app-download.android{border-color:#a6d93c;background:linear-gradient(135deg,#d5ff78,#a7eb2e);color:#172017;box-shadow:0 8px 22px #8ac32724}.auth-app-download.android small{color:#34412f}.auth-app-download.android:hover,.auth-app-download.android:focus-visible{transform:translateY(-1px);border-color:#81b916;box-shadow:0 10px 27px #8ac32740;outline:0}.auth-app-download.disabled{cursor:default;opacity:.58}.auth-app-download-note{color:var(--muted);font-size:9px}@media(max-height:780px){.auth-overlay{align-items:start;overflow-y:auto}.auth-card{margin:auto}.auth-app-downloads{margin-top:13px;padding-top:12px}}
:root[data-theme=dark] .auth-app-downloads{border-color:#ffffff1c}:root[data-theme=dark] .auth-app-download{border-color:#ffffff20;background:#122119;color:#f4f8f5}:root[data-theme=dark] .auth-app-download.android{border-color:#a6d93c;background:linear-gradient(135deg,#d5ff78,#9ee522);color:#172017}:root[data-theme=dark] .auth-app-download.android small{color:#34412f}
.recovery-fields{display:grid;gap:13px;padding:14px;border:1px solid #a8d83f55;border-radius:16px;background:#a8d83f0c}.recovery-fields p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.recovery-code-card{display:grid;gap:16px;text-align:center}.recovery-code-card p{margin:0;color:var(--muted);line-height:1.55}.recovery-code-card code{display:block;padding:18px 10px;border:1px solid #a8d83f;border-radius:16px;background:#0d1d15;color:#cfff57;font:800 clamp(16px,4vw,24px)/1.3 ui-monospace,SFMono-Regular,monospace;letter-spacing:.08em;overflow-wrap:anywhere}.recovery-confirm{display:grid!important;grid-template-columns:auto 1fr;align-items:start;gap:10px!important;text-align:left;font-size:11px!important;line-height:1.45}.recovery-confirm input{width:18px!important;height:18px!important;margin-top:1px}.recovery-code-section label{display:grid;gap:7px}.recovery-code-section input{min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink)}
.account-deleted-actions{display:grid;gap:10px;margin-top:20px}.account-deleted-actions button{min-height:44px;border:1px solid var(--line);border-radius:12px;background:#f6f8f5;color:#26372d;font-weight:750}.account-deleted-actions .primary{border:0;background:linear-gradient(145deg,#13221c,#2d4939);color:#cfff57}.auth-card.account-was-deleted{border-color:#b7dc61;box-shadow:0 30px 90px #0007,0 0 0 1px #cfff5740}.auth-card.account-was-deleted .auth-logo{background:linear-gradient(145deg,#13221c,#2d4939);color:#cfff57}.auth-card.account-was-deleted #auth-description{font-size:14px;color:#526057}
.modal-card{width:min(480px,100%)}.modal-close{position:absolute;z-index:3;top:17px;right:17px;width:31px;height:31px;border:0;border-radius:9px;background:#f1f3f6;font-size:19px}
.search.large{margin:22px 0 12px}.user-results{display:grid;gap:7px;max-height:300px;overflow:auto}.user-results>p{color:var(--muted);text-align:center;font-size:11px}
.user-search-card{display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.user-search-header{min-width:0}.user-search-header h2{padding-right:40px}.user-search-card .user-results{min-height:0;max-height:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:2px}
.user-result{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding:10px;border:0;border-radius:12px;background:#f7f8fa;text-align:left}.user-result .avatar{width:42px;height:42px}.user-result span{display:grid;gap:4px}.user-result strong{font-size:12px}.user-result small{color:var(--muted);font-size:10px}.user-result b{color:#5277ad;font-size:18px}
.user-result .user-activity{font-size:11px}.user-result .username{color:#7f8a9c}
.toast{position:fixed;z-index:220;right:22px;bottom:92px;max-width:340px;padding:12px 16px;border:1px solid #cfff5740;border-radius:14px;background:#14251ddd;color:#f5faef;box-shadow:0 16px 42px #0007,0 0 0 1px #0002;font-size:11px;backdrop-filter:blur(16px);pointer-events:none}
.call-overlay:not(.hidden)~.toast{right:50%;bottom:max(205px,calc(190px + env(safe-area-inset-bottom)));transform:translateX(50%)}
.empty-list,.welcome-message{padding:25px;color:var(--muted);text-align:center;font-size:11px}.welcome-message{display:grid;gap:7px;margin-top:20vh}.welcome-message strong{color:var(--ink);font-family:Georgia,serif;font-size:18px}
.chat-side{align-self:stretch;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:6px}.chat-side time{color:#9aa3b2;font-size:9px}.unread-badge{display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#3976ea;color:#fff;font-size:9px;font-weight:800;box-shadow:0 3px 9px #3976ea38}
.presence-online{color:#42a677!important;font-weight:700}
