.direct-messenger{--dm-ink:#172b40;--dm-muted:#637488;--dm-line:#e2e8f0;--dm-blue:#1260f4;color:var(--dm-ink);width:100%;min-width:0;font-size:1rem}.direct-heading{justify-content:space-between;align-items:center;gap:16px;margin:18px 0;display:flex}.direct-heading h1{margin:0 0 4px!important;font-size:1.5rem!important}.direct-heading>div:last-child{gap:8px;display:flex}.direct-heading>div:first-child{display:block}.direct-heading span{color:var(--dm-muted);align-items:center;gap:5px;font-size:.875rem;display:flex}.direct-layout{border:1px solid var(--dm-line);background:#fff;border-radius:18px;grid-template-columns:minmax(240px,30%) minmax(0,1fr);height:min(690px,100dvh - 230px);min-height:360px;display:grid;overflow:hidden}.direct-list{border-right:1px solid var(--dm-line);min-height:0;padding:10px;overflow-y:auto}.direct-list>button{text-align:start;border-radius:12px;align-items:center;gap:12px;width:100%;min-height:64px;padding:14px 10px;display:flex}.direct-list>button.selected{background:#eaf1ff}.direct-list>button>span:nth-child(2){flex:1;min-width:0}.direct-list strong,.direct-list small{overflow-wrap:anywhere;display:block}.direct-list small{color:var(--dm-muted);margin-top:4px;font-size:.875rem}.direct-new{color:var(--dm-blue);border:1px solid var(--dm-line);margin-bottom:10px}.direct-avatar{width:42px;height:42px;color:var(--dm-blue);background:#eaf1ff;border-radius:14px;flex-shrink:0;place-items:center;font-size:.875rem;font-weight:700;display:grid}.direct-conversation{flex-direction:column;min-width:0;min-height:0;display:flex}.direct-conversation>header{border-bottom:1px solid var(--dm-line);align-items:center;gap:10px;padding:14px 16px;display:flex}.direct-conversation>header>div{overflow-wrap:anywhere;flex:1;min-width:0}.direct-conversation>header>div>button{color:var(--dm-muted);align-items:center;gap:4px;margin-top:4px;font-size:.875rem;display:flex}.direct-encryption-note{color:#49627d;border-bottom:1px solid var(--dm-line);background:#edf3ff;align-items:flex-start;gap:7px;margin:0;padding:9px 14px;font-size:.75rem;line-height:1.45;display:flex}.direct-encryption-note svg{color:var(--dm-blue);flex-shrink:0;margin-top:1px}.direct-history{overscroll-behavior:contain;background:#f7f9fc;flex-direction:column;flex:1;gap:12px;min-height:0;padding:20px 16px;display:flex;overflow-y:auto}.direct-history article{border:1px solid var(--dm-line);white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border-radius:16px 16px 16px 4px;align-self:flex-start;max-width:86%;padding:10px 14px}.direct-history article.mine{background:#e8f0ff;border-color:#dbe7ff;border-radius:16px 16px 4px;align-self:flex-end}.direct-history article.failed{background:#fff2ec}.direct-history article p{margin:0;font-size:1rem;line-height:1.5}.direct-history time{color:var(--dm-muted);margin-top:6px;font-size:.75rem;display:block}.direct-compose{border-top:1px solid var(--dm-line);background:#fff;align-items:flex-end;gap:8px;padding:12px;display:flex}.direct-compose textarea{resize:none;border:1px solid var(--dm-line);border-radius:12px;flex:1;min-width:0;max-height:140px;padding:10px;font-size:1rem;line-height:1.4}.direct-compose>.direct-send{justify-content:center;gap:7px;min-width:104px;height:44px;padding-inline:13px}.direct-compose>.direct-send span{color:inherit;font-size:.875rem;display:inline}.direct-empty{text-align:center;color:var(--dm-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:28px 20px;display:flex}.direct-empty>svg{width:34px;height:34px;color:var(--dm-blue)}.direct-empty h2{color:var(--dm-ink);margin:0;font-size:1.2rem}.direct-empty p{max-width:380px;margin:0}.direct-empty small{font-size:.875rem}.direct-empty-note{color:var(--dm-muted);text-align:center;margin:auto;font-size:.875rem}.direct-onboarding{border:1px solid var(--dm-line);background:#fff;border-radius:20px;gap:16px;max-width:560px;margin:24px auto;padding:28px;display:grid}.direct-onboarding>svg{color:var(--dm-blue);width:32px;height:32px}.direct-onboarding h2{margin:0;font-size:1.35rem}.direct-onboarding p{margin:0;line-height:1.5}.direct-onboarding form{gap:16px;display:grid}.direct-recovery,.direct-safety{overflow-wrap:anywhere;white-space:normal;-webkit-user-select:all;user-select:all;background:#f2f5fa;border:1px solid #d8e2f0;border-radius:12px;padding:16px;font-size:1rem;line-height:1.7;display:block}.direct-check{align-items:flex-start;gap:10px;font-size:.875rem;line-height:1.5;display:flex}.direct-check>button{flex-shrink:0;margin-top:2px}.direct-dialog{max-height:calc(100dvh - 32px);overflow-y:auto;gap:16px!important;max-width:480px!important;padding:24px!important}.direct-dialog p{color:#586c80;margin:0;font-size:.875rem;line-height:1.55}.direct-dialog input{font-size:1rem}.direct-search{gap:8px;display:flex}.direct-search input{min-width:0}.direct-qr{justify-self:center;width:260px;max-width:100%;height:auto}.direct-own-name{text-align:center;font-size:1.15rem}.direct-found{border:1px solid var(--dm-line);border-radius:16px;justify-items:center;gap:12px;padding:20px;display:grid}.direct-found small{align-items:center;gap:4px;display:flex}.direct-file{flex-direction:column;gap:8px;font-size:.875rem;display:flex}.direct-file input{max-width:100%;font-size:.875rem}.direct-privacy{color:#576b7c;font-size:.875rem;line-height:1.55}.direct-privacy summary{cursor:pointer;min-height:40px;padding:8px 0}.direct-privacy p{margin:10px 0!important}.direct-status{background:#edf3ff;padding:10px 16px;font-size:.875rem;line-height:1.5}.direct-status p{margin:0 0 8px}.direct-status button+button{margin-left:8px}.direct-alert{background:#fff0e8;border-radius:12px;justify-content:space-between;gap:10px;padding:12px;font-size:.875rem;display:flex}.direct-notice{background:#edf5ff;border-radius:12px;padding:12px;font-size:.875rem}.direct-back{display:none}.login-security .text-link{margin:14px 0;display:block}.login-passkey{margin-top:24px}.direct-ciphertext{gap:8px;min-width:min(280px,70vw);display:grid}.direct-ciphertext>small{color:var(--dm-muted);font-weight:700}.direct-ciphertext>code{overflow-wrap:anywhere;white-space:normal;color:#718096;max-height:4.8em;font-size:.7rem;line-height:1.2;display:block;overflow:hidden}.direct-ciphertext>button{justify-self:start}.direct-history article.revealed p{animation:.35s ease-out both direct-reveal}@keyframes direct-reveal{0%{opacity:0;filter:blur(5px);transform:translateY(4px)}to{opacity:1;filter:blur();transform:none}}@media (width<=700px){body:has(.direct-messenger.embedded.has-chat) .tg-bottom{display:none}.direct-layout{grid-template-columns:1fr;height:calc(100dvh - 260px);min-height:340px}.direct-messenger:not(.has-chat) .direct-conversation,.direct-messenger.has-chat .direct-list{display:none}.direct-back{display:inline-flex}.direct-heading h1{font-size:1.25rem!important}.direct-onboarding{margin:16px 0;padding:20px}.direct-dialog{width:calc(100vw - 24px)!important}.direct-history{padding:14px 10px}.direct-list{border-right:0}.direct-heading{margin:10px 0 16px}.direct-messenger.embedded.has-chat .direct-heading{display:none}.direct-messenger.embedded .direct-layout{height:calc(var(--tg-viewport-stable-height,100dvh) - 220px)}.direct-messenger.embedded.has-chat .direct-layout{height:calc(var(--tg-viewport-height,100dvh) - 92px);min-height:280px}.direct-messenger.embedded.has-chat .direct-compose{padding-bottom:calc(12px + max(env(safe-area-inset-bottom),var(--sunday-tg-bottom,0px)))}.direct-messenger.embedded .direct-conversation>header{padding:10px}.direct-messenger.embedded.has-chat{margin-top:-8px}.direct-ciphertext{min-width:min(240px,68vw)}.direct-compose>.direct-send{min-width:92px;padding-inline:10px}}
