@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#243b36;background:#e5ebe5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,label[for=image]{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}.login-view{min-height:100dvh;display:grid;place-items:center;padding:28px;background:radial-gradient(ellipse at 10% 20%,#d2e2cd,transparent 60%),#f0f3ed}.login-card{width:min(100%,410px);background:#fffefa;padding:44px;border:1px solid #fff;border-radius:24px;box-shadow:0 24px 90px #193e2610}.brand-icon{width:54px;height:54px;border-radius:18px;background:#075e54;color:white;font-size:35px;display:grid;place-items:center;margin-bottom:34px}.eyebrow{font-size:10px;letter-spacing:2px;color:#73857a;font-weight:700}h1{font-family:Manrope,sans-serif;font-size:48px;letter-spacing:-2px;margin:8px 0 12px}.login-card>p{color:#7a8780;line-height:1.6;margin-bottom:30px}label:not(.attach-button){display:block;font-size:12px;font-weight:700;margin:18px 0 8px}input:not([type=file]){width:100%;padding:14px;border:1px solid #dce3db;border-radius:9px;background:#fcfdf9;outline:none}input:focus,textarea:focus{border-color:#508c70;outline:2px solid #d8e9dd}.login-button{display:flex;justify-content:space-between;background:#075e54;color:#fff;border:0;border-radius:9px;padding:15px 18px;width:100%;margin-top:24px;font-weight:700}.login-note{border-top:1px solid #e9ece5;margin-top:28px;padding-top:22px;font-size:10px;color:#869187}.error{color:#a23b35;font-size:12px;line-height:1.4;margin:8px 0}.error:empty{display:none}.app{display:flex;height:100dvh;max-width:1500px;margin:auto;background:#fff;box-shadow:0 0 80px #1d403514}.sidebar{width:290px;flex-shrink:0;display:flex;flex-direction:column;background:#fcfcf8;border-right:1px solid #e2e7df;padding:34px 20px}.side-brand{font-family:Manrope,sans-serif;font-size:28px;font-weight:800;letter-spacing:-1.3px;padding:0 12px;display:flex;justify-content:space-between}.side-brand span{color:#5a876b;font-size:30px}.side-caption{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#899489;margin:45px 12px 18px}.contact{display:flex;gap:12px;align-items:center;background:#e9f0e5;padding:16px 12px;border-radius:12px}.avatar{display:grid;place-items:center;width:43px;height:43px;background:#d8e7cf;border:1px solid #c9dcc2;border-radius:50%;color:#476a46;font-family:Manrope,sans-serif;font-size:18px;font-weight:700;flex-shrink:0}.contact strong{font-size:14px;text-transform:capitalize}.contact small{display:block;font-size:10px;margin-top:5px;color:#7e8b7c}.contact-dot{width:6px;height:6px;background:#58835a;border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto;border-top:1px solid #e2e7df;padding:20px 8px 0;font-size:11px;display:flex;justify-content:space-between;align-items:center;color:#7b887c}.text-button{background:none;border:0;color:#60806e;font-size:11px;padding:8px}.conversation{flex:1;min-width:0;display:flex;flex-direction:column;position:relative}.chat-header{height:88px;display:flex;align-items:center;gap:13px;background:#fffefa;padding:16px 32px;border-bottom:1px solid #e2e7df}.header-info h2{font-size:16px;text-transform:capitalize;margin:0 0 5px}.header-info span{font-size:11px;color:#82917f}.private-badge{margin-left:auto;font-size:10px;color:#7a8b77;border:1px solid #e0e7dc;border-radius:20px;padding:7px 12px}#mobile-logout{display:none}.messages{flex:1;overflow-y:auto;padding:28px 7%;background-color:#f0f1e9;background-image:radial-gradient(#bac8b54d .8px,transparent .8px);background-size:18px 18px;scroll-behavior:smooth}.empty{text-align:center;margin:12vh auto;max-width:300px;color:#84917c;font-size:13px;line-height:1.8}.empty .empty-icon{font-size:32px}.empty h3{font-family:Manrope,sans-serif;font-size:24px;color:#50674c;margin-bottom:8px}.day{text-align:center;margin:12px 0 25px}.day span{display:inline-block;background:#e5e9de;color:#7c8875;font-size:10px;padding:6px 13px;border-radius:7px}.message-row{display:flex;margin:7px 0}.message-row.mine{justify-content:flex-end}.bubble{max-width:78%;min-width:100px;padding:10px 12px 7px;border-radius:0 12px 12px;background:#fffefa;box-shadow:0 1px 2px #32492b0c;overflow-wrap:anywhere}.mine .bubble{background:#dbecc9;border-radius:12px 0 12px 12px}.message-body{white-space:pre-wrap;font-size:14px;line-height:1.6}.message-body a{color:#167b85;text-decoration:underline}.message-time{text-align:right;color:#8b9980;font-size:9px;margin-top:5px}.message-image{display:block;max-width:100%;max-height:340px;border-radius:7px;object-fit:contain;margin-bottom:5px}.compose-area{background:#fffefa;padding:15px 28px 12px;border-top:1px solid #e3e7dd}.composer{display:flex;gap:12px;align-items:center}.attach-button{font-size:29px;color:#82957e;cursor:pointer;padding:5px}textarea{resize:none;max-height:140px;min-height:46px;flex:1;min-width:0;background:#f3f4ee;border:1px solid #e9ece3;border-radius:12px;padding:12px 16px;font-size:13px;outline:none}#send{width:44px;height:44px;border:0;border-radius:50%;color:#fff;background:#075e54;font-size:20px}.compose-note{text-align:center;font-size:9px;color:#a0aa96;padding-top:12px}.attachment{display:flex;align-items:center;gap:12px;font-size:12px;padding-bottom:12px}.attachment img{width:58px;height:58px;object-fit:cover;border-radius:8px}.attachment span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment button{border:0;background:#edf0e6;border-radius:50%;font-size:23px;margin-left:auto}.new-messages{position:absolute;bottom:120px;align-self:center;background:#075e54;color:white;border:0;border-radius:20px;padding:10px 18px;box-shadow:0 3px 10px #0002}button:focus-visible,a:focus-visible,.attach-button:focus-within{outline:3px solid #75ae8a;outline-offset:3px}@media(min-width:1000px){.app{height:calc(100dvh - 64px);margin:32px auto;width:calc(100% - 80px);border-radius:18px;overflow:hidden}}@media(max-width:700px){.sidebar{display:none}.chat-header{height:75px;padding:12px 18px}.private-badge{display:none}#mobile-logout{display:block;margin-left:auto}.messages{padding:16px}.bubble{max-width:86%}.compose-area{padding:12px 12px max(12px,env(safe-area-inset-bottom))}.compose-note{font-size:8px}.login-card{padding:32px}.new-messages{bottom:110px}}

.contact-dot{background:#a8b2a2}.contact-dot.online{background:#2caf65;box-shadow:0 0 0 3px #2caf6515}.header-info #connection.online{color:#219454}.header-info #connection.online::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#2caf65;margin-right:6px;vertical-align:middle}

/* Theme controls stay available on the login screen and in the chat header. */
:root{color-scheme:light}
.login-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.theme-toggle{flex-shrink:0;border:1px solid #dce3db;border-radius:20px;background:#f3f5ee;color:#48634f;padding:8px 12px;font-size:11px;line-height:1.3;min-height:34px}
.theme-toggle:hover{background:#e5ecdf}
:root[data-theme="dark"]{color-scheme:dark;color:#e0e8e5;background:#0b141a}
[data-theme="dark"] .login-view{background:radial-gradient(ellipse at 10% 20%,#16362e,transparent 60%),#0b141a}
[data-theme="dark"] .login-card{background:#111f25;border-color:#26373d;box-shadow:0 24px 90px #0003}
[data-theme="dark"] .brand-icon{background:#176e5f}
[data-theme="dark"] .eyebrow,[data-theme="dark"] .login-card>p{color:#a3b4ad}
[data-theme="dark"] input:not([type=file]){background:#1c2b32;border-color:#35474c;color:#e0e8e5}
[data-theme="dark"] input:focus,[data-theme="dark"] textarea:focus{outline-color:#365d4e;border-color:#6aa489}
[data-theme="dark"] input::placeholder,[data-theme="dark"] textarea::placeholder{color:#98aaa3;opacity:1}
[data-theme="dark"] .login-button,[data-theme="dark"] #send,[data-theme="dark"] .new-messages{background:#23816d;color:#fff}
[data-theme="dark"] .login-note{border-color:#2b3c40;color:#a1b0a9}
[data-theme="dark"] .app{background:#111b21;box-shadow:0 0 80px #0003}
[data-theme="dark"] .sidebar{background:#111b21;border-color:#2a383e}
[data-theme="dark"] .side-brand span{color:#84b898}
[data-theme="dark"] .side-caption{color:#9cac9f}
[data-theme="dark"] .contact{background:#23352f}
[data-theme="dark"] .avatar{background:#30473a;border-color:#45604a;color:#c0d8b7}
[data-theme="dark"] .contact small,[data-theme="dark"] .header-info span{color:#a2b3a6}
[data-theme="dark"] .sidebar-bottom{border-color:#2c3c3e;color:#a1b2a7}
[data-theme="dark"] .text-button{color:#a6c7b6}
[data-theme="dark"] .chat-header{background:#18272d;border-color:#2a3a3f}
[data-theme="dark"] .private-badge{color:#acbdb1;border-color:#3a4d46}
[data-theme="dark"] .messages{background-color:#0b141a;background-image:radial-gradient(#70867822 .8px,transparent .8px)}
[data-theme="dark"] .empty{color:#a0b29f}
[data-theme="dark"] .empty h3{color:#c3d5bc}
[data-theme="dark"] .day span{background:#1d2c30;color:#acbdb1}
[data-theme="dark"] .bubble{background:#202f35;color:#e6ede9}
[data-theme="dark"] .mine .bubble{background:#164f42}
[data-theme="dark"] .message-body a{color:#80d5dd}
[data-theme="dark"] .message-time{color:#b0c2b5}
[data-theme="dark"] .compose-area{background:#18272d;border-color:#2a3a3f}
[data-theme="dark"] .attach-button{color:#b2c5b3}
[data-theme="dark"] textarea{background:#26373e;border-color:#35474c;color:#e6ede9}
[data-theme="dark"] .compose-note{color:#a1b09e}
[data-theme="dark"] .attachment button{background:#32463d;color:#dce8dd}
[data-theme="dark"] .error{color:#ffaba1}
[data-theme="dark"] .theme-toggle{background:#263a32;border-color:#40574b;color:#d0e2ce}
[data-theme="dark"] .theme-toggle:hover{background:#354c40}
[data-theme="dark"] .contact-dot{background:#8c9b91}
[data-theme="dark"] .contact-dot.online{background:#5cda8f}
[data-theme="dark"] .header-info #connection.online{color:#72dfa0}
@media(max-width:700px){.chat-header{gap:10px}.header-info{flex:1;min-width:0}.header-info span{display:block;line-height:1.4}.chat-header .theme-toggle{padding:8px 10px}.chat-header #mobile-logout{margin-left:0;padding:8px 0}.chat-header .avatar{width:36px;height:36px}.chat-header{height:auto;min-height:75px}}

.chat-header label.idle-setting{margin:0 0 0 auto;display:flex;flex-direction:column;gap:3px;font-size:9px;color:#60806e;font-weight:500;flex-shrink:0}.idle-setting select{font:inherit;font-size:11px;border:1px solid #dce3db;background:#f3f5ee;color:#48634f;border-radius:7px;padding:5px;min-height:30px}[data-theme="dark"] .idle-setting select{background:#263a32;border-color:#40574b;color:#d0e2ce}[data-theme="dark"] label.idle-setting{color:#a6c7b6}@media(max-width:700px){.chat-header{flex-wrap:wrap}.chat-header label.idle-setting{margin-left:0}.header-info{min-width:100px}.chat-header .theme-toggle{margin-left:auto}}

.chat-tools{display:flex;align-items:center;gap:10px;padding:9px 24px;background:#fffefa;border-bottom:1px solid #e2e7df;flex-wrap:wrap}.chat-tools button,.feature-dialog button{border:1px solid #d7e0d4;background:#eff3ea;color:#48634f;border-radius:8px;padding:8px 12px;font-size:11px}.chat-tools>span{margin-left:auto;color:#7b887c;font-size:10px}.read-key,.receipt.is-read{color:#1684a5}.receipt{font-weight:700;font-size:12px;margin-left:4px}.reply-button{border:0;background:none;color:#638575;padding:4px 0;font-size:10px;display:block}.reply-preview,.quoted-message{border-left:3px solid #499573;border-radius:6px;background:#467c5b12;padding:8px 12px;font-size:12px;margin-bottom:8px;overflow-wrap:anywhere}.reply-preview{display:flex;justify-content:space-between;align-items:center;gap:12px}.reply-preview>div{min-width:0}.reply-preview p{margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65vw}.reply-preview button{background:none;border:0;color:inherit;font-size:24px}.quoted-message strong{text-transform:capitalize;color:#43826a}.quoted-message div{white-space:pre-wrap;max-height:4.5em;overflow:hidden;margin-top:4px}.feature-dialog{width:min(94vw,600px);max-height:85dvh;border:1px solid #d7e0d4;border-radius:16px;background:#fffefa;color:#243b36;padding:24px;overflow:auto}.feature-dialog::backdrop,.photo-dialog::backdrop{background:#000b}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.dialog-heading h2{margin:0;font-size:18px}.dialog-heading button{font-size:22px;padding:3px 10px}#search-form{display:flex;gap:8px}#search-query{min-width:0}#search-status,#notification-status{font-size:12px;color:#73857a}.search-result{padding:16px 0;border-bottom:1px solid #d7e0d4;overflow-wrap:anywhere}.search-result small{color:#73857a}.search-result p{white-space:pre-wrap;line-height:1.5}.search-result a{color:#167b85}.search-result button{margin-right:8px}.feature-dialog label.check-setting{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;margin:20px 0}.check-setting input[type=checkbox]{width:18px;height:18px;accent-color:#23816d}.feature-dialog>p{font-size:12px;line-height:1.6}.photo-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:50px 12px 12px;border:0;background:#071015f5}.photo-dialog img{display:block;width:100%;height:100%;object-fit:contain}.photo-dialog button{position:absolute;right:16px;top:10px;background:#26373e;color:#fff;border:0;border-radius:50%;height:36px;width:36px;font-size:26px}.discreet-login{background:transparent!important;border:0!important;box-shadow:none!important;width:min(100%,340px);padding:20px}.discreet-login .login-top{justify-content:flex-end;margin-bottom:28px}.discreet-login input{margin-bottom:14px;height:52px}.discreet-login .login-button{margin-top:4px;justify-content:center;font-size:23px;padding:10px}.discreet-login .theme-toggle{background:transparent}
[data-theme="dark"] .chat-tools{background:#18272d;border-color:#2a3a3f}[data-theme="dark"] .chat-tools button,[data-theme="dark"] .feature-dialog button{background:#263a32;border-color:#40574b;color:#d0e2ce}[data-theme="dark"] .chat-tools>span,[data-theme="dark"] #search-status,[data-theme="dark"] #notification-status,[data-theme="dark"] .search-result small{color:#a6b9ad}[data-theme="dark"] .feature-dialog{background:#18272d;color:#e0e8e5;border-color:#40574b}[data-theme="dark"] .search-result{border-color:#40574b}[data-theme="dark"] .reply-button,[data-theme="dark"] .quoted-message strong{color:#a0d4b8}[data-theme="dark"] .quoted-message,[data-theme="dark"] .reply-preview{background:#7bb18b18}[data-theme="dark"] .receipt.is-read,[data-theme="dark"] .read-key,[data-theme="dark"] .search-result a{color:#79d7f0}@media(max-width:700px){.chat-tools{padding:8px 12px;gap:8px}.chat-tools>span{font-size:9px}.feature-dialog{padding:18px}.chat-tools button{padding:7px 9px}.new-messages{bottom:145px}}