:root{color:#18211d;font-synthesis:none;text-rendering:optimizelegibility;--color-ink:#18211d;--color-muted:#5d6963;--color-line:#d9e0dc;--color-surface:#fff;--color-surface-soft:#f4f7f5;--color-primary:#166b4f;--color-primary-strong:#0f553e;--color-primary-soft:#e2f1eb;--color-accent:#d65c42;--color-accent-soft:#fff0eb;--color-warning:#9a5f13;--color-warning-soft:#fff5df;--color-danger:#a83b30;--shadow-panel:0 20px 55px #1a2d231f;background:#eef2ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100dvh;overflow:hidden}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #166b4f3d}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.brand-mark{color:var(--color-ink);align-items:center;gap:11px;font-size:1.3rem;font-weight:760;line-height:1.15;display:inline-flex}.brand-mark--compact{gap:9px;font-size:1rem}.brand-mark__icon{color:#fff;background:var(--color-primary);border-radius:8px;flex:none;place-items:center;width:42px;height:42px;display:grid}.brand-mark__name{font:inherit;margin:0}.brand-mark--compact .brand-mark__icon{width:34px;height:34px}.entry-page,.login-page,.bootstrap-page,.session-gate-page{background:#eef2ef;place-items:center;min-height:100dvh;padding:28px 20px;display:grid}.entry-page:before,.login-page:before{background:var(--color-primary);content:"";height:5px;position:fixed;inset:0 0 auto}.entry-page__loading,.bootstrap-page__content{width:min(100%,440px)}.entry-page__loading p,.bootstrap-page__status{color:var(--color-muted);align-items:center;gap:9px;margin:22px 0 0;line-height:1.5;display:flex}.bootstrap-page__brand{color:var(--color-ink);margin:0;font-size:2rem}.bootstrap-page__status--blocked{color:var(--color-danger)}.login-panel,.unsupported-browser,.session-lock__panel{background:var(--color-surface);border:1px solid var(--color-line);width:min(100%,420px);box-shadow:var(--shadow-panel);border-radius:8px;padding:30px}.login-panel__header{gap:34px;margin-bottom:24px;display:grid}.login-panel__header h2,.unsupported-browser h2,.session-lock__panel h2{color:var(--color-ink);margin:5px 0 0;font-size:1.7rem;line-height:1.2}.login-panel__eyebrow{color:var(--color-primary);text-transform:uppercase;margin:0;font-size:.82rem;font-weight:760}.login-form{gap:9px;display:grid}.login-form label,.session-lock__panel label{color:#37443e;margin-top:7px;font-size:.88rem;font-weight:680}.login-form input,.session-lock__panel input,.contact-search input,.message-composer textarea{min-width:0;color:var(--color-ink);background:#fff;border:1px solid #bdc8c2;border-radius:6px}.login-form>input,.session-lock__panel input{width:100%;min-height:48px;padding:11px 13px}.pin-field{min-height:48px;color:var(--color-muted);background:#fff;border:1px solid #bdc8c2;border-radius:6px;align-items:center;padding-left:13px;display:flex}.pin-field:focus-within{border-color:var(--color-primary);outline:3px solid #166b4f24}.pin-field input{border:0;outline:0;width:100%;min-height:46px;padding:11px 13px 11px 10px}.form-message{margin:7px 0;font-size:.9rem;line-height:1.45}.form-message--error{color:var(--color-danger)}.form-message--notice{color:#74470f;background:var(--color-warning-soft);border:1px solid #edcf97;border-radius:6px;align-items:flex-start;gap:9px;padding:11px 12px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 15px;font-weight:700;display:inline-flex}.button:disabled{cursor:not-allowed;opacity:.55}.button--primary{color:#fff;background:var(--color-primary)}.button--primary:not(:disabled):hover{background:var(--color-primary-strong)}.button--secondary{color:var(--color-primary-strong);background:#fff;border-color:#a9bdb3}.button--quiet{color:var(--color-muted);background:0 0}.login-form__submit{width:100%;margin-top:15px}.unsupported-browser{gap:14px;display:grid}.unsupported-browser__icon,.session-lock__icon,.session-gate-page__icon{width:52px;height:52px;color:var(--color-danger);background:var(--color-accent-soft);border-radius:8px;place-items:center;margin-top:20px;display:grid}.unsupported-browser p,.session-lock__panel>p{color:var(--color-muted);margin:0;line-height:1.55}.protected-session{position:relative}.protected-session__content,.session-sensitive-content{width:100%;height:100%}.protected-session__cover,.session-lock{z-index:100;background:#eef2eff5;position:fixed;inset:0}.protected-session__cover .session-gate-page{min-height:100%}.session-gate-page__content{justify-items:start;gap:18px;width:min(100%,420px);display:grid}.session-gate-page__content p{color:var(--color-muted);margin:0;line-height:1.5}.session-lock{place-items:center;padding:20px;display:grid}.session-lock__panel{gap:11px;display:grid}.session-lock__panel .session-lock__icon{color:var(--color-primary);background:var(--color-primary-soft);margin-top:0}.session-lock__panel .button--primary{margin-top:10px}.messenger-shell{background:var(--color-surface-soft);border-top:4px solid var(--color-primary);grid-template-columns:minmax(280px,340px) minmax(0,1fr);width:100vw;height:100dvh;display:grid;overflow:hidden}.contact-pane{background:var(--color-surface);border-right:1px solid var(--color-line);flex-direction:column;min-width:0;display:flex}.contact-pane__header{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:13px 16px;display:flex}.icon-button{width:40px;height:40px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.icon-button:hover{color:var(--color-ink);background:#edf2ef}.contact-pane__title{align-items:center;gap:9px;padding:20px 18px 12px;display:flex}.contact-pane__title h1{color:var(--color-ink);margin:0;font-size:1.25rem}.contact-pane__title span{min-width:24px;height:24px;color:var(--color-primary-strong);background:var(--color-primary-soft);border-radius:12px;place-items:center;padding:0 6px;font-size:.75rem;font-weight:760;display:grid}.contact-search{min-height:40px;color:var(--color-muted);background:var(--color-surface-soft);border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;margin:0 14px 12px;padding:0 11px;display:flex}.contact-search:focus-within{border-color:#9db4a9}.contact-search input{background:0 0;border:0;outline:0;width:100%;min-height:38px;padding:0}.contact-list{min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.contact-list li{border-bottom:1px solid #edf0ee}.contact-row{text-align:left;cursor:pointer;background:0 0;border:0;border-left:3px solid #0000;align-items:center;gap:12px;width:100%;min-height:70px;padding:10px 15px;display:flex}.contact-row:hover{background:#f4f7f5}.contact-row[aria-current=true]{background:var(--color-primary-soft);border-left-color:var(--color-primary)}.contact-avatar{color:#fff;background:#47796a;border-radius:50%;flex:none;place-items:center;font-weight:760;display:inline-grid}.contact-avatar--small{width:36px;height:36px;font-size:.9rem}.contact-avatar--medium{width:44px;height:44px;font-size:1rem}.contact-avatar--large{width:58px;height:58px;font-size:1.2rem}.contact-row__identity{flex:1;gap:3px;min-width:0;display:grid}.contact-row__name,.contact-row__username{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.contact-row__name{color:var(--color-ink);font-weight:690}.contact-row__username{color:var(--color-muted);font-size:.82rem}.contact-row__web-label{color:#8a321f;background:var(--color-accent-soft);border-radius:4px;padding:3px 6px;font-size:.7rem;font-weight:760}.pane-state,.conversation-state{color:var(--color-muted);text-align:center;justify-items:center;gap:10px;padding:34px 20px;display:grid}.pane-state p,.conversation-state p{margin:0}.conversation-pane{min-width:0;min-height:0}.conversation-empty{height:100%;color:var(--color-muted);text-align:center;align-content:center;justify-items:center;padding:28px;display:grid}.conversation-empty>span{width:66px;height:66px;color:var(--color-primary);background:var(--color-primary-soft);border-radius:8px;place-items:center;display:grid}.conversation-empty h2{color:var(--color-ink);margin:18px 0 6px;font-size:1.35rem}.conversation-empty p{margin:0}.conversation{background:#edf1ee;grid-template-rows:auto auto minmax(0,1fr) auto;height:100%;min-height:0;display:grid}.conversation__header{background:var(--color-surface);border-bottom:1px solid var(--color-line);align-items:center;gap:11px;min-width:0;min-height:64px;padding:10px 17px;display:flex}.conversation__identity{flex:1;min-width:0}.conversation__identity h2,.conversation__identity p{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.conversation__identity h2{color:var(--color-ink);font-size:1rem}.conversation__identity p{color:var(--color-muted);margin-top:2px;font-size:.78rem}.conversation__back{display:none}.recovery-notice{color:#6f4818;background:var(--color-warning-soft);border-bottom:1px solid #ebd8ae;align-items:flex-start;gap:9px;padding:9px 17px;font-size:.85rem;display:flex}.recovery-notice--recovered{color:var(--color-primary-strong);background:var(--color-primary-soft);border-bottom-color:#bfd9cf}.recovery-notice--failed{color:var(--color-danger);background:var(--color-accent-soft);border-bottom-color:#edc6bb}.recovery-notice small{color:inherit;opacity:.82;margin-top:2px;display:block}.message-list{overscroll-behavior:contain;min-height:0;padding:18px 18px 10px;overflow-y:auto}.conversation-state--quiet{align-content:center;height:100%}.message-row{margin:5px 0;display:flex}.message-row--outgoing{justify-content:flex-end}.message-row--incoming{justify-content:flex-start}.message-bubble{width:fit-content;max-width:min(72%,620px);color:var(--color-ink);background:#fff;border:1px solid #dde3df;border-radius:8px;padding:9px 11px 7px;box-shadow:0 1px 2px #1e2d2514}.message-row--outgoing .message-bubble{background:#d9eee6;border-color:#bfdbd0}.message-row[data-message-status=failed] .message-bubble{background:var(--color-accent-soft);border-color:#e5b9ad}.message-bubble p{overflow-wrap:anywhere;white-space:pre-wrap;margin:0;line-height:1.42}.message-bubble footer{color:#5b6962;justify-content:flex-end;align-items:center;gap:4px;min-height:16px;margin-top:3px;font-size:.69rem;display:flex}.message-bubble footer span{align-items:center;display:inline-flex}.message-composer{background:var(--color-surface);border-top:1px solid var(--color-line);padding:10px 13px 12px}.message-composer__row{align-items:flex-end;gap:9px;display:flex}.message-composer textarea{resize:none;width:100%;min-height:44px;max-height:124px;padding:11px 13px;overflow-y:auto}.message-composer__error{color:var(--color-danger);margin:0 0 7px;font-size:.82rem}.send-button{color:#fff;background:var(--color-primary);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid}.send-button:disabled{color:#85918b;cursor:not-allowed;background:#dce2de}@media (width<=760px){.messenger-shell{display:block}.contact-pane,.conversation-pane{width:100%;height:100%}.messenger-shell--conversation-open .contact-pane,.messenger-shell:not(.messenger-shell--conversation-open) .conversation-pane{display:none}.conversation__back{display:inline-grid}.conversation__close{display:none}.message-list{padding-left:11px;padding-right:11px}.message-bubble{max-width:84%}}@media (width<=480px){.login-panel,.unsupported-browser,.session-lock__panel{padding:23px 20px}.login-panel__header{gap:27px}.brand-mark__name{overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){.spin{animation-duration:1.8s}}