:root{--bg:#ffffff;--panel:#f6f6f7;--text:#111113;--muted:#8a8a8f;--line:#ececee;--accent:#2f6bff;--bubble-in:#f1f1f3;--bubble-out:#2f6bff;--bubble-out-text:#ffffff;--radius:18px;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg)}@media (prefers-color-scheme:dark){:root{--bg:#0e0e10;--panel:#151518;--text:#f2f2f4;--muted:#7d7d84;--line:#232328;--bubble-in:#1f1f24}}*{box-sizing:border-box}body,html{margin:0;height:100%;background:var(--bg)}a{color:inherit;text-decoration:none}.app{display:grid;grid-template-columns:340px 1fr;grid-template-rows:minmax(0,1fr);height:100dvh}.sidebar{border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.sidebar header{padding:20px 20px 12px;display:flex;align-items:baseline;justify-content:space-between}.brand{font-weight:650;font-size:20px;letter-spacing:-.02em}.brand span{color:var(--accent)}.search{margin:0 16px 8px;padding:10px 14px;border-radius:12px;border:none;background:var(--panel);color:var(--text);font:inherit;font-size:14px;outline:none}.chat-list{overflow-y:auto;flex:1 1}.chat-item{display:grid;grid-template-columns:44px 1fr auto;grid-gap:12px;gap:12px;padding:10px 16px;align-items:center}.chat-item.active,.chat-item:hover{background:var(--panel)}.avatar{width:44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:600;font-size:16px}.chat-item .name{font-weight:600;font-size:15px}.chat-item .name,.chat-item .preview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item .preview{color:var(--muted);font-size:14px;margin-top:2px}.chat-item .meta{text-align:right;font-size:12px;color:var(--muted)}.badge{display:inline-block;margin-top:6px;min-width:20px;padding:2px 6px;border-radius:10px;background:var(--accent);color:#fff;font-size:12px;text-align:center}.thread{display:flex;flex-direction:column;min-width:0}.thread>header{padding:16px 24px;border-bottom:1px solid var(--line)}.thread header .name{font-weight:600}.thread header .email{color:var(--muted);font-size:13px}.messages{flex:1 1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:6px}.day{align-self:center;color:var(--muted);font-size:12px;margin:12px 0}.bubble{max-width:min(70%,560px);padding:9px 14px;border-radius:var(--radius);font-size:15px;line-height:1.45;white-space:pre-wrap;word-wrap:break-word}.bubble.in{align-self:flex-start;background:var(--bubble-in);border-bottom-left-radius:6px}.bubble.out{align-self:flex-end;background:var(--bubble-out);color:var(--bubble-out-text);border-bottom-right-radius:6px}.bubble .time{display:block;font-size:11px;opacity:.6;margin-top:4px;text-align:right}.bubble .original{font-size:12px;opacity:.7;text-decoration:underline;cursor:pointer}.composer{display:flex;gap:10px;padding:14px 24px 20px;border-top:1px solid var(--line)}.composer textarea{flex:1 1;resize:none;border:none;border-radius:20px;padding:11px 16px;background:var(--panel);color:var(--text);font:inherit;font-size:15px;outline:none;min-height:42px;max-height:160px}.composer button{border:none;border-radius:50%;width:42px;height:42px;background:var(--accent);color:#fff;font-size:18px;cursor:pointer}.empty{margin:auto;color:var(--muted);text-align:center;font-size:15px}@media (max-width:760px){.app{grid-template-columns:1fr}.app.has-thread .sidebar,.app:not(.has-thread) .thread{display:none}}.login{min-height:100dvh;display:grid;place-items:center;padding:24px 16px}.login-card{width:100%;max-width:400px;text-align:center}.brand-lg{font-size:32px;margin-bottom:28px}.login h1{font-size:26px;line-height:1.25;letter-spacing:-.02em;margin:0 0 12px;font-weight:650}.muted{color:var(--muted);line-height:1.5;margin:0 0 28px}.error{color:#e5484d;background:color-mix(in srgb,#e5484d 10%,transparent);border-radius:12px;padding:10px 14px;font-size:14px}.btn-google{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px 18px;border-radius:14px;background:var(--text);color:var(--bg);font-weight:600;font-size:15px}.btn-google:hover{opacity:.9}.fineprint{color:var(--muted);font-size:12px;line-height:1.5;margin-top:18px}.account{border-top:1px solid var(--line);padding:12px 16px 16px;font-size:13px;display:flex;flex-direction:column;gap:6px}.mailbox{display:flex;align-items:center;gap:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dot{width:7px;height:7px;border-radius:50%;background:#30a46c;flex:none}.dot-pending{background:#f5a524}.dot-error{background:#e5484d}.error-inline{color:#e5484d}.account-actions{display:flex;justify-content:space-between;margin-top:4px}.account-actions a{color:var(--accent)}.link-button{border:none;background:none;color:var(--muted);font:inherit;cursor:pointer;padding:0}.thread>header{display:flex;align-items:center;gap:12px}.back{display:none;font-size:28px;line-height:1;color:var(--accent)}.attachments{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.attachment{font-size:13px;padding:4px 8px;border-radius:8px;background:color-mix(in srgb,currentColor 10%,transparent)}.composer{position:relative}.composer-error{position:absolute;top:-30px;left:24px;font-size:13px;color:#e5484d}.composer button:disabled{opacity:.4;cursor:default}@media (max-width:760px){.back{display:block}}.ch{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;color:#fff;font-size:9px;font-weight:700;line-height:1;flex:none}.ch-mail{background:#f0643c}.ch-telegram{background:#2aa3e0}.ch-whatsapp{background:#22c35e}.ch-instagram{background:#e1306c}.ch-max{background:#7a5cff}.avatar{position:relative}.avatar .ch{position:absolute;right:-2px;bottom:-2px;box-shadow:0 0 0 2px var(--bg)}.mailbox .ch{width:14px;height:14px;font-size:8px}.thread-channels{display:flex;flex-wrap:wrap;gap:10px;margin-top:2px}.thread-channel{display:inline-flex;align-items:center;gap:5px}.thread-channel .ch{width:14px;height:14px;font-size:8px}.bubble .subject{display:block;font-size:12px;font-weight:600;opacity:.7;margin-bottom:2px}.bubble .via-label{margin-right:6px;font-weight:600}.composer{align-items:flex-end}.composer .via{align-self:center;max-width:220px;border:none;border-radius:12px;padding:10px 12px;background:var(--panel);color:var(--text);font:inherit;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:760px){.composer .via{max-width:120px}}.account-actions a.current{font-weight:600}a.mailbox:hover{color:var(--text)}.channels-body{flex:1 1;overflow-y:auto;padding:8px 24px 32px;max-width:760px;width:100%}.section-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:24px 0 10px}.channels-none{margin:0;font-size:14px}.notice{color:var(--text);background:var(--panel);border-radius:12px;padding:10px 14px;font-size:14px}.channels-body .error,.notice{margin:0 0 12px}.channel-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.channel-row{display:grid;grid-template-columns:32px 1fr;grid-gap:14px;gap:14px;padding:14px 16px;border-radius:16px;background:var(--panel);transition:opacity .2s}.channel-row.is-leaving{opacity:.4}.row-main{min-width:0}.row-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row-address{font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.row-meta{color:var(--muted);font-size:13px;margin-top:2px}.row-error{color:#e5484d;font-size:13px;margin-top:6px;line-height:1.4;word-break:break-word}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.row-actions,.row-confirm{margin-top:10px}.row-confirm p{margin:0;font-size:14px;line-height:1.45}.pill{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap}.pill-ok{color:#30a46c;background:color-mix(in srgb,#30a46c 14%,transparent)}.pill-wait{color:#c27c0e;background:color-mix(in srgb,#f5a524 16%,transparent)}.pill-error{color:#e5484d;background:color-mix(in srgb,#e5484d 12%,transparent)}.ch-lg{width:32px;height:32px;font-size:15px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit;font-size:14px;font-weight:500;padding:8px 14px;border-radius:12px;cursor:pointer}.btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--text) 25%,transparent)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){border-color:var(--accent);opacity:.92}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover:not(:disabled){background:color-mix(in srgb,var(--text) 6%,transparent);border-color:transparent}.btn-danger{background:#e5484d;border-color:#e5484d;color:#fff}.btn-danger:hover:not(:disabled){border-color:#e5484d;opacity:.92}.btn-danger-text{color:#e5484d}.connect-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:8px;gap:8px}.connect-tile{position:relative;display:flex;align-items:center;gap:12px;text-align:left;padding:14px;border-radius:16px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit;cursor:pointer;transition:background .15s,border-color .15s}.connect-tile:hover:not(:disabled){background:var(--panel);border-color:var(--panel)}.connect-tile:disabled{cursor:default}.connect-tile.is-soon{opacity:.55}.tile-text{display:flex;flex-direction:column;min-width:0}.tile-name{font-weight:600;font-size:15px}.tile-hint{color:var(--muted);font-size:13px;margin-top:1px}.overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:rgba(10,10,14,.45);animation:fade .15s ease-out}.sheet{width:100%;max-width:420px;max-height:calc(100dvh - 32px);overflow-y:auto;background:var(--bg);border:1px solid var(--line);border-radius:22px;box-shadow:0 20px 60px rgba(0,0,0,.25);animation:rise .2s ease-out}.sheet-head{display:flex;align-items:center;gap:12px;padding:18px 18px 0 22px}.sheet-head h3{flex:1 1;margin:0;font-size:17px;font-weight:650;letter-spacing:-.01em}.sheet-close{border:none;background:var(--panel);color:var(--muted);width:32px;height:32px;border-radius:50%;font-size:20px;line-height:1;cursor:pointer}.sheet-body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:14px}.sheet-center{align-items:center;text-align:center}.sheet-center .muted{margin:0}.sheet-lead{margin:0;font-size:16px;font-weight:600}.sheet-actions{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:4px}.sheet-actions .btn{padding:12px 16px;font-size:15px}.method-list{display:flex;flex-direction:column;gap:8px}.method{display:flex;align-items:center;gap:14px;padding:14px 16px;text-align:left;border-radius:16px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit;cursor:pointer}.method:hover{background:var(--panel);border-color:var(--panel)}.method-icon{width:36px;height:36px;flex:none;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-size:18px}.method-name{display:block;font-weight:600;font-size:15px}.method-hint{display:block;color:var(--muted);font-size:13px;margin-top:1px}.qr{width:232px;height:232px;border-radius:16px;background:#fff;padding:6px;box-shadow:0 0 0 1px var(--line)}.qr-help{margin:0;font-size:14px;line-height:1.5;max-width:320px}.sheet-center .fineprint{margin:0}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;font-weight:600;color:var(--muted)}.field input{padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-size:16px;outline:none}.field input:focus{border-color:var(--accent)}.field-hint{color:var(--muted);font-size:13px;line-height:1.4}.fail-mark,.success-mark{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:28px;font-weight:700;color:#fff;background:#30a46c}.fail-mark{background:#e5484d}.ready-address{margin:-6px 0 0;font-weight:600;color:var(--muted)}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin .8s linear infinite;margin:16px 0 4px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(12px);opacity:0}}@media (max-width:760px){.channels-body{padding:4px 16px 28px}.channel-row{grid-template-columns:28px 1fr;gap:12px;padding:12px 14px}.channel-row .ch-lg{width:28px;height:28px;font-size:13px}.row-actions .btn{padding:7px 12px;font-size:13px}.connect-grid{grid-template-columns:1fr 1fr}.connect-tile{flex-direction:column;align-items:flex-start;gap:10px}.overlay{place-items:end center;padding:0}.sheet{max-width:none;border-radius:22px 22px 0 0;max-height:92dvh;padding-bottom:env(safe-area-inset-bottom)}}.imap-help{background:var(--panel);border-radius:14px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex;flex-direction:column;gap:6px}.imap-help p{margin:0}.imap-help-title{font-weight:600}.imap-help a:not(.btn){color:var(--accent)}.imap-help .btn{margin-top:4px}.imap-advanced-toggle{align-self:flex-start;font-size:13px}.imap-advanced{display:flex;flex-direction:column;gap:12px}.server-row{display:grid;grid-template-columns:1fr 88px;grid-gap:8px;gap:8px}.server-row .field input{min-width:0;width:100%}.imap-error{margin:0;text-align:left}.soon-mark{background:var(--panel);color:var(--muted)}