@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#172033;background:#edf1f7;font-synthesis:none;--ink:#101a2d;--accent:#19a89d;--line:#dfe5ee;--muted:#6d7788}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}.splash{height:100dvh;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:1.5rem;font-weight:700}.auth-page{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 10%,#d6f7f2,transparent 28%),linear-gradient(145deg,#f7f9fc,#e8edf5)}.auth-card{width:min(100%,440px);background:#fff;border:1px solid #e2e7ef;border-radius:24px;padding:36px;box-shadow:0 22px 70px #1f314c1a}.brand{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--ink)}.brand>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--ink);color:#55ded1}.brand svg{width:21px}.auth-card h1{font-size:1.75rem;margin:30px 0 8px}.muted,.auth-card p{color:var(--muted);line-height:1.6}.auth-card form{display:grid;gap:17px;margin-top:24px}.auth-card label{display:grid;gap:8px;font-size:.875rem;font-weight:600}.auth-card input{height:48px;border:1px solid #cfd7e3;border-radius:12px;padding:0 14px;outline:none}.auth-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #19a89d20}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.primary{border:0;border-radius:12px;background:var(--ink);color:#fff;height:50px;font-weight:700}.primary:hover{background:#1b2a45}.text-link{color:#168c84;text-decoration:none;text-align:center;font-weight:600;font-size:.9rem}.button-link{display:grid;place-items:center;text-decoration:none;margin-top:24px}.form-error{color:#c23838!important;background:#fff0f0;padding:10px 12px;border-radius:10px;font-size:.875rem}.messenger{height:100dvh;display:grid;grid-template-columns:360px minmax(0,1fr);background:#fff;overflow:hidden}.sidebar{position:relative;border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0;background:#fbfcfe}.sidebar-head{height:72px;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--line)}.icon-btn{border:0;background:transparent;color:#697486;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex:none}.icon-btn:hover{background:#edf1f5}.icon-btn svg{width:21px}.search-box{height:42px;background:#eef2f6;border-radius:13px;display:flex;align-items:center;gap:9px;padding:0 12px;flex:1}.search-box svg{width:18px;color:#8290a2}.search-box input{width:100%;border:0;outline:0;background:transparent;color:#1d2738}.avatar{border-radius:50%;display:inline-grid;place-items:center;flex:none;background:linear-gradient(135deg,#2ec4b6,#168c84);color:#fff;font-size:.82rem;font-weight:700;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.chat-list,.search-results{overflow-y:auto;flex:1;padding:8px}.chat-list>button,.search-results>button{width:100%;min-height:67px;border:0;border-radius:13px;background:transparent;display:flex;align-items:center;gap:12px;padding:10px;text-align:left;color:inherit}.chat-list>button:hover,.search-results>button:hover,.chat-list>button.active{background:#edf3f7}.chat-info{min-width:0;flex:1;display:grid;gap:7px}.chat-info>span{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-info strong{font-size:.94rem}.chat-info time{font-size:.72rem;color:#8791a0}.chat-info small{color:#7a8494;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-info b{background:var(--accent);color:#fff;min-width:21px;height:21px;padding:0 6px;border-radius:12px;display:grid;place-items:center;font-size:.7rem}.search-results h2{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#8993a2;margin:14px}.search-results button>span:nth-child(2){display:grid;gap:5px;flex:1}.search-results small{color:var(--muted)}.search-results svg{color:#7e899a;width:19px}.empty-small{color:#8993a2;text-align:center;padding:36px 22px;line-height:1.5}.empty-small svg{width:30px}.menu-card{position:absolute;z-index:5;left:12px;top:64px;width:300px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:8px;box-shadow:0 15px 50px #24365126}.identity{display:flex;gap:12px;padding:12px;border-bottom:1px solid var(--line);margin-bottom:6px}.identity div{display:grid;gap:3px}.identity small{color:var(--muted);font-size:.72rem}.menu-card>button{border:0;background:transparent;width:100%;height:43px;border-radius:9px;padding:0 12px;display:flex;align-items:center;gap:12px;text-align:left}.menu-card>button:hover{background:#f0f3f7}.menu-card svg{width:18px}.conversation{min-width:0;background:#edf2f6;display:flex;flex-direction:column}.chat-head{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 22px}.chat-head>div{display:grid;gap:3px}.chat-head small{font-size:.74rem;color:var(--muted)}.mobile-back{display:none}.messages{flex:1;overflow-y:auto;padding:28px clamp(18px,6vw,100px);display:flex;flex-direction:column;gap:8px;background-color:#edf2f6;background-image:radial-gradient(#a9b8c32b 1px,transparent 1px);background-size:18px 18px}.messages article{align-self:flex-start;max-width:min(72%,620px);background:#fff;border-radius:5px 17px 17px;padding:10px 13px 7px;box-shadow:0 1px 2px #1b2e4212}.messages article.mine{align-self:flex-end;background:#d7f3ef;border-radius:17px 5px 17px 17px}.messages p{margin:0;line-height:1.48;white-space:pre-wrap;overflow-wrap:anywhere}.messages article>span{display:block;text-align:right;font-size:.68rem;color:#768392;margin:4px 0 0 20px}.composer{min-height:70px;background:#fff;border-top:1px solid var(--line);display:flex;align-items:flex-end;gap:6px;padding:11px max(14px,6vw) calc(11px + env(safe-area-inset-bottom))}.composer textarea{resize:none;flex:1;min-height:44px;max-height:130px;border:0;background:#f1f4f7;border-radius:15px;padding:12px 15px;outline:none}.send{border:0;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;flex:none}.send svg{width:20px}.welcome{margin:auto;text-align:center;max-width:390px;padding:28px;color:#536173}.welcome>div{margin:auto;width:68px;height:68px;border-radius:22px;background:var(--ink);color:#53d9cd;display:grid;place-items:center}.welcome h1{color:#1c2839;font-size:1.45rem;margin:20px 0 8px}.welcome p{line-height:1.6}.update-toast{position:fixed;z-index:20;bottom:22px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:11px 12px 11px 18px;border-radius:14px;display:flex;align-items:center;gap:18px;box-shadow:0 12px 40px #0005}.update-toast button{border:0;background:var(--accent);color:#fff;border-radius:9px;padding:8px 12px;font-weight:700}@media(max-width:760px){.messenger{display:block;position:relative}.sidebar,.conversation{position:absolute;top:0;right:0;bottom:0;left:0}.conversation{transform:translate(100%);transition:transform .22s ease}.messenger.chat-open .conversation{transform:translate(0)}.messenger.chat-open .sidebar{visibility:hidden}.mobile-back{display:grid}.chat-head{padding:0 8px}.messages{padding:18px 12px}.messages article{max-width:86%}.composer{padding-inline:7px}.sidebar{border:0}.field-row{grid-template-columns:1fr}.auth-card{padding:26px 22px;border-radius:20px}.menu-card{width:calc(100% - 24px)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.attachment-card{width:320px;max-width:100%;margin-top:7px;overflow:hidden;border-radius:12px;background:#ffffff90;border:1px solid #17203312}.attachment-preview{display:block;background:#e4ebef}.attachment-preview img{display:block;width:100%;height:220px;object-fit:contain}.attachment-details{display:flex;align-items:center;gap:10px;padding:12px;color:#117e77}.attachment-details>svg{flex:none}.attachment-name{min-width:0;flex:1;color:inherit;text-decoration:none;display:grid;gap:5px}.attachment-name strong{font-size:.83rem;overflow-wrap:anywhere}.attachment-name small{font-size:.72rem;font-weight:400;color:var(--muted)}.attachment-download{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:50%;color:#117e77;background:#19a89d12}.attachment-download:hover{background:#19a89d25}.attachment-name:hover{text-decoration:underline}.attachment-card a:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.guest-chat{height:100dvh;max-width:980px;margin:auto;background:#fff;display:flex;flex-direction:column;box-shadow:0 0 60px #15243a17}.guest-chat .messages{min-height:0}.guest-join strong{color:var(--ink)}.guest-error{margin:8px max(14px,6vw) 0}.panel-intro{margin:20px 24px 0;color:var(--muted);line-height:1.55}.guest-link-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px 24px}.guest-link-form label{display:grid;gap:7px;font-size:.82rem;font-weight:600}.guest-link-form select{border:1px solid #ced7e2;border-radius:10px;padding:11px 12px;background:#fff}.guest-link-form .primary{grid-column:1/-1}.panel-error{margin:14px 24px}.file-picker input{display:none}.pending-file{background:#fff;border-top:1px solid var(--line);padding:8px max(18px,6vw);font-size:.8rem;color:#536173}.pending-file button{border:0;background:transparent;font-size:1.2rem;margin-left:8px}.attachment{display:block;color:#117e77;background:#ffffff80;border-radius:9px;padding:8px;margin-top:7px;text-decoration:none;font-size:.85rem;font-weight:600}.panel-shade{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;background:#0d172659;display:flex;justify-content:flex-end}.panel{width:min(100%,520px);height:100%;background:#fff;overflow:auto;box-shadow:-12px 0 50px #0b1a2c24;padding-bottom:max(24px,env(safe-area-inset-bottom))}.panel>header{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;background:#fff;z-index:1}.panel h2{font-size:1.15rem}.panel h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:28px 24px 10px}.panel-form{padding:24px;display:grid;gap:15px}.panel-form label{display:grid;gap:6px;font-size:.82rem;font-weight:600}.panel input,.panel textarea{border:1px solid #ced7e2;border-radius:10px;padding:11px 12px;outline:none}.saved{color:#168c84;text-align:center}.switch-list{padding:12px 24px}.switch-list label{min-height:54px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.switch-list input{width:20px;height:20px}.panel-save{margin:12px 24px;width:calc(100% - 48px)}.invite-form{display:grid;grid-template-columns:1fr 76px 160px;gap:8px;padding:20px 24px}.invite-form .primary{height:43px}.invite-url{display:flex;gap:7px;padding:0 24px}.invite-url input{min-width:0;flex:1}.invite-url button,.admin-list button{border:0;border-radius:8px;padding:8px 10px;background:#e9eef4;color:#334158}.admin-list{padding:0 24px}.admin-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.admin-list span{display:grid;gap:4px;min-width:0}.admin-list small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-list button:disabled{opacity:.45}.admin-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}@media(max-width:560px){.invite-form{grid-template-columns:1fr 70px}.invite-form .primary{grid-column:1/-1}.panel{width:100%}}.attachment-preview{width:100%;padding:0;border:0;cursor:zoom-in}.image-viewer{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:80px 24px 24px;background:transparent;color:#fff;overflow:auto}.image-viewer[open]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.image-viewer::backdrop{background:#101827b8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.image-viewer>header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:16px 24px;background:#10182770}.image-viewer>header strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-viewer button,.image-viewer a{display:inline-grid;place-items:center;border:0;border-radius:10px;padding:10px;background:#ffffff20;color:#fff;text-decoration:none}.image-viewer>img{display:block;max-width:100%;max-height:calc(100dvh - 120px);min-height:0;object-fit:contain}.image-viewer>p{margin:0;text-align:center}.conversation{min-height:0;overflow:hidden}.conversation>.messages{min-height:0}.composer textarea{min-width:0}.connection-status{margin:0;padding:7px 16px;background:#fff4d6;color:#775a12;font-size:.8rem;text-align:center}.chat-error{margin:0;padding:8px 16px;color:#a12e2e;background:#fff0f0}.recovery{min-height:100dvh;display:grid;place-content:center;gap:16px;padding:24px;text-align:center}.recovery button{padding:12px;border:0;border-radius:10px}:root{color-scheme:light;--ink:#111c2a;--accent:#2478f3;--accent-hover:#1768df;--page:#eef3f8;--surface:#ffffff;--surface-raised:#ffffff;--surface-soft:#f3f6fa;--line:#e6ebf1;--text:#111827;--muted:#7a8697;--bubble:#ffffff;--bubble-own:#dff7e7;--danger:#c63e4b;--shadow:0 24px 70px #17243c18}html,body,#root{height:100%;background:var(--page);color:var(--text)}body{overflow:hidden}button,input,textarea,select{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.brand-mark{--brand-size:44px;position:relative;width:var(--brand-size)!important;height:var(--brand-size)!important;display:inline-grid!important;place-items:center;flex:none;border-radius:calc(var(--brand-size)*.27)!important;background:var(--ink)!important;color:#fff!important;box-shadow:0 8px 18px #101c2a26}.brand-mark:after{content:"";position:absolute;left:16%;bottom:-9%;width:30%;height:24%;background:var(--ink);clip-path:polygon(0 0,100% 0,0 100%)}.brand-mark svg{width:52%!important;height:52%;stroke-width:2.4}.brand{display:flex;align-items:center;gap:13px;color:var(--text)}.brand>span:last-child{display:grid;gap:1px;width:auto;height:auto;background:transparent;color:var(--text)}.brand strong{font-size:1.95rem;line-height:1.05;letter-spacing:-.045em}.brand small{font-size:.9rem;color:var(--muted);letter-spacing:-.01em}.brand.compact strong{font-size:1.08rem;letter-spacing:-.025em}.splash{background:var(--ink);font-size:1.8rem;letter-spacing:-.04em}.auth-page{display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 12% 8%,#fff 0,transparent 26%),var(--page)}.auth-shell{width:min(1160px,100%);height:min(820px,calc(100dvh - 64px));min-height:620px;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(390px,.82fr);overflow:hidden;border:1px solid #dfe6ef;border-radius:32px;background:var(--surface);box-shadow:0 30px 90px #1b2a411c}.auth-showcase{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:52px 56px;background:linear-gradient(145deg,#f8fbff,#e5eef9)}.auth-showcase>.brand{position:relative;z-index:2}.auth-promise{position:relative;z-index:2;margin:auto 0;max-width:590px;transform:translateY(-28px)}.auth-promise>span{display:inline-flex;margin-bottom:22px;padding:8px 12px;border:1px solid #b7c9de;border-radius:999px;color:#4b617a;background:#ffffff80;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.auth-promise h2{margin:0;color:#121c2b;font-size:clamp(2.7rem,4.1vw,4.25rem);line-height:1.02;letter-spacing:-.058em}.auth-promise p{margin:24px 0 0;color:#5d6979;font-size:1.03rem;line-height:1.65}.privacy-note{position:relative;z-index:2;color:#66778b;font-size:.78rem}.mountains{position:absolute;inset:auto -5% -1px 0;height:31%;opacity:.58;filter:drop-shadow(0 -12px 24px #5c769b10)}.mountains i{position:absolute;bottom:0;display:block;background:linear-gradient(148deg,#bcd0e6,#748cab);clip-path:polygon(50% 0,100% 100%,0 100%)}.mountains i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(210deg,#f4f8fd 0 17%,transparent 18%);clip-path:polygon(50% 0,68% 38%,57% 32%,48% 54%,37% 35%,0 100%,100% 100%)}.mountains i:nth-child(1){left:-3%;width:38%;height:66%}.mountains i:nth-child(2){left:22%;width:43%;height:100%}.mountains i:nth-child(3){left:57%;width:32%;height:63%}.mountains i:nth-child(4){right:-3%;width:30%;height:86%}.auth-form-area{display:grid;place-items:center;padding:48px;background:var(--surface)}.auth-card{width:100%;max-width:390px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.auth-card>.brand{display:none}.auth-card h1{margin:0 0 10px;font-size:2.25rem;letter-spacing:-.045em;color:var(--text)}.auth-card .muted{margin:0;max-width:310px}.auth-card form{margin-top:30px}.auth-card input{background:var(--surface-soft);border-color:var(--line);color:var(--text)}.auth-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2478f320}.primary{background:var(--ink)}.primary:hover{background:#233248}.text-link{color:var(--accent)}.messenger{grid-template-columns:380px minmax(0,1fr);padding:14px;background:var(--page);gap:14px}.sidebar,.conversation{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--surface);box-shadow:0 8px 30px #1421370a}.sidebar{border-right:1px solid var(--line)}.sidebar-head{height:auto;display:block;padding:18px 18px 12px;border:0;background:var(--surface)}.app-brand{height:42px;display:flex;align-items:center;gap:11px;margin-bottom:25px}.app-brand>strong{font-size:1.2rem;letter-spacing:-.035em}.profile-trigger{margin-left:auto;border:0;background:transparent;padding:0;border-radius:50%;height:36px}.list-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.list-title h1{margin:0;font-size:1.85rem;letter-spacing:-.045em}.list-title .icon-btn{width:38px;height:38px}.search-box{height:43px;background:var(--surface-soft);border:1px solid transparent;border-radius:12px}.search-box:focus-within{border-color:#2478f355;box-shadow:0 0 0 3px #2478f312}.search-box input{color:var(--text)}.chat-filters{display:flex;gap:19px;margin-top:15px}.chat-filters button{position:relative;border:0;background:transparent;padding:0 0 10px;color:var(--muted);font-size:.78rem;font-weight:600}.chat-filters button.active{color:var(--text)}.chat-filters button.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--accent)}.chat-list,.search-results{padding:4px 9px 14px}.chat-list>button,.search-results>button{min-height:70px;border-radius:14px;padding:10px 11px}.chat-list>button:hover,.search-results>button:hover{background:var(--surface-soft)}.chat-list>button.active{background:#eaf2ff}.chat-info strong{font-size:.9rem}.chat-info small,.chat-info time{color:var(--muted)}.chat-info b{background:var(--accent)}.menu-card{left:68px;top:55px;width:292px;background:var(--surface-raised);border-color:var(--line);box-shadow:var(--shadow)}.identity{border-color:var(--line)}.menu-card>button{color:var(--text)}.menu-card>button:hover{background:var(--surface-soft)}.conversation{background:var(--page)}.chat-head{height:72px;background:var(--surface);border-color:var(--line);padding:0 20px}.chat-head>div:nth-of-type(2){display:grid;gap:3px}.chat-head .chat-more{margin-left:auto}.chat-head strong{color:var(--text)}.messages{background-color:var(--page);background-image:radial-gradient(#8494aa19 1px,transparent 1px);background-size:20px 20px}.messages article{background:var(--bubble);color:var(--text);box-shadow:0 2px 8px #1a273b0b;border-radius:6px 16px 16px}.messages article.mine{background:var(--bubble-own);border-radius:16px 6px 16px 16px}.messages article>span{color:var(--muted)}.composer{background:var(--surface);border-color:var(--line)}.composer textarea{background:var(--surface-soft);color:var(--text)}.send{background:var(--accent)}.send:hover{background:var(--accent-hover)}.welcome{display:flex;flex-direction:column;align-items:center}.welcome>div{margin:0}.welcome .brand-mark{background:var(--ink);color:#fff}.welcome h1{font-size:2rem;color:var(--text);letter-spacing:-.045em}.welcome p{margin:0 0 16px}.welcome small{color:var(--muted)}.panel-shade{background:#07111e6b;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.panel,.panel>header{background:var(--surface);color:var(--text)}.panel>header,.switch-list label,.admin-list>div{border-color:var(--line)}.panel input,.panel textarea,.guest-link-form select{background:var(--surface-soft);border-color:var(--line);color:var(--text)}.guest-chat{background:var(--surface);box-shadow:var(--shadow)}.form-error,.chat-error{background:#fff0f1;color:var(--danger)!important}@media(max-width:900px){.auth-page{padding:20px}.auth-shell{width:min(480px,100%);height:auto;min-height:0;display:block;border-radius:26px}.auth-showcase{display:none}.auth-form-area{padding:34px 28px}.auth-card>.brand{display:flex;margin-bottom:38px}.auth-card{max-width:none}.auth-card h1{font-size:2rem}}@media(max-width:760px){.messenger{padding:0;display:block}.sidebar,.conversation{border:0;border-radius:0;box-shadow:none;animation:none}.sidebar-head{padding-top:calc(14px + env(safe-area-inset-top))}.app-brand{margin-bottom:20px}.menu-card{left:12px;top:62px}.chat-head{padding-top:env(safe-area-inset-top);height:calc(66px + env(safe-area-inset-top))}.composer{padding-bottom:calc(9px + env(safe-area-inset-bottom))}.welcome{padding-inline:38px}}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--ink:#eaf1fa;--page:#09111a;--surface:#0e1823;--surface-raised:#14202d;--surface-soft:#172431;--line:#22303e;--text:#f1f5f9;--muted:#8996a7;--bubble:#172431;--bubble-own:#1850a5;--shadow:0 24px 70px #0007}.brand-mark{background:#edf3fa!important;color:#101a25!important;box-shadow:none}.brand-mark:after{background:#edf3fa}.auth-showcase{background:linear-gradient(145deg,#111d29,#0a131d)}.auth-promise h2{color:#f1f5f9}.auth-promise p{color:#9aa8b8}.mountains{opacity:.35;filter:none}.mountains i{background:linear-gradient(148deg,#31485e,#172838)}.mountains i:after{background:linear-gradient(210deg,#879eb5 0 17%,transparent 18%)}.primary{background:var(--accent)}.primary:hover{background:var(--accent-hover)}.chat-list>button.active{background:#142f56}.messages article.mine{background:#1952a7;color:#fff}.messages article.mine>span{color:#b9d1f7}.form-error,.chat-error{background:#3a1d26}.attachment-card{background:#0e182390;border-color:#ffffff12}.attachment-preview{background:#111e2a}.welcome .brand-mark{background:#edf3fa;color:#101a25}.update-toast{background:#172431}.connection-status{background:#3b311a;color:#f1d991}}:root{--ease-out:cubic-bezier(.22,1,.36,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--motion-fast:.16s;--motion-base:.26s;--brand-keyhole:#111c2a}button,a,input,textarea,select{transition:border-color var(--motion-fast) ease,background-color var(--motion-fast) ease,color var(--motion-fast) ease,box-shadow var(--motion-base) var(--ease-out),opacity var(--motion-fast) ease,transform var(--motion-base) var(--ease-out)}button svg,a svg{transition:transform var(--motion-base) var(--ease-spring),stroke var(--motion-fast) ease,opacity var(--motion-fast) ease}button:active:not(:disabled),a:active{transform:translateY(1px) scale(.98)}button:disabled{cursor:not-allowed;opacity:.62}.brand-mark{transition:transform .42s var(--ease-spring),box-shadow .3s var(--ease-out)}.brand-mark:hover{transform:translateY(-2px) rotate(-2deg);box-shadow:0 12px 25px #101c2a2d}.brand-symbol{overflow:visible}.brand-lock-shackle{transform-origin:17.5px 22px;transition:transform .38s var(--ease-spring)}.brand:hover .brand-lock-shackle,.app-brand:hover .brand-lock-shackle{transform:translateY(-1.6px)}.auth-shell{animation:surface-in .65s var(--ease-out) both}.auth-showcase>.brand{animation:fade-down .6s .12s var(--ease-out) both}.auth-promise>span{animation:fade-up .56s .18s var(--ease-out) both}.auth-promise h2{animation:fade-up .65s .24s var(--ease-out) both}.auth-promise p{animation:fade-up .65s .31s var(--ease-out) both}.privacy-note{animation:fade-up .6s .42s var(--ease-out) both}.auth-card{animation:fade-up .62s .18s var(--ease-out) both}.auth-card label{transition:color var(--motion-fast) ease}.auth-card label:focus-within{color:var(--accent)}.auth-card input:hover{border-color:#b8c5d4}.primary{box-shadow:0 8px 18px #111c2a16}.primary:hover{transform:translateY(-2px);box-shadow:0 13px 25px #111c2a25}.text-link:hover{transform:translateY(-1px)}.mountains i{animation:mountain-breathe 9s ease-in-out infinite alternate}.mountains i:nth-child(2){animation-delay:-2s}.mountains i:nth-child(3){animation-delay:-5s}.mountains i:nth-child(4){animation-delay:-7s}@media(min-width:761px){.sidebar{animation:fade-right .45s var(--ease-out) both}.conversation{animation:fade-left .5s 70ms var(--ease-out) both}}.profile-trigger:hover{transform:scale(1.07);box-shadow:0 0 0 4px #2478f31a}.icon-btn{transition:color var(--motion-fast) ease,background-color var(--motion-fast) ease,transform var(--motion-base) var(--ease-spring)}.icon-btn:hover{color:var(--accent);background:var(--surface-soft);transform:translateY(-1px)}.icon-btn:hover svg{transform:scale(1.08)}.list-title .icon-btn:hover svg{transform:rotate(34deg) scale(1.07)}.mobile-back:hover svg{transform:translate(-3px)}.chat-more:hover svg{transform:scaleX(1.12)}.search-box{transition:border-color var(--motion-fast) ease,box-shadow var(--motion-base) var(--ease-out),background-color var(--motion-fast) ease}.search-box svg{transition:transform var(--motion-base) var(--ease-spring),color var(--motion-fast) ease}.search-box:focus-within svg{color:var(--accent);transform:scale(1.08)}.chat-filters button:after{transform:scaleX(0);transform-origin:left;transition:transform var(--motion-base) var(--ease-out)}.chat-filters button.active:after{transform:scaleX(1)}.chat-list>button,.search-results>button{position:relative;transition:background-color var(--motion-fast) ease,transform var(--motion-base) var(--ease-out)}.chat-list>button:hover,.search-results>button:hover{transform:translate(4px)}.chat-list>button:before{content:"";position:absolute;left:1px;top:21px;bottom:21px;width:3px;border-radius:3px;background:var(--accent);transform:scaleY(0);transition:transform var(--motion-base) var(--ease-out)}.chat-list>button.active:before{transform:scaleY(1)}.chat-list>button{animation:list-item-in .42s var(--ease-out) both}.chat-list>button:nth-child(2){animation-delay:35ms}.chat-list>button:nth-child(3){animation-delay:70ms}.chat-list>button:nth-child(4){animation-delay:105ms}.chat-list>button:nth-child(5){animation-delay:.14s}.chat-list>button:nth-child(n+6){animation-delay:175ms}.chat-info b{animation:badge-pop .42s var(--ease-spring) both}.menu-card{transform-origin:calc(100% - 22px) 0;animation:menu-in .22s var(--ease-out) both}.menu-card>button:hover svg{transform:translate(2px) scale(1.05)}.messages article{animation:message-in .3s var(--ease-out) both;transform-origin:left bottom}.messages article.mine{transform-origin:right bottom}.composer:focus-within{box-shadow:0 -8px 26px #1421370b}.file-picker:hover svg{transform:rotate(-12deg) scale(1.08)}.send{box-shadow:0 8px 18px #2478f32e}.send:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 12px 22px #2478f342}.send:hover svg{transform:translate(2px,-1px)}.pending-file{animation:fade-up .22s var(--ease-out) both}.attachment-card{transition:transform var(--motion-base) var(--ease-out),box-shadow var(--motion-base) var(--ease-out)}.attachment-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #111c2a12}.attachment-preview img{transition:transform .5s var(--ease-out)}.attachment-preview:hover img{transform:scale(1.025)}.attachment-download:hover svg{transform:translateY(2px)}.panel-shade{animation:shade-in .22s ease both}.panel{animation:panel-in .34s var(--ease-out) both}.panel-shade.closing{animation:shade-out .18s ease both}.panel-shade.closing .panel{animation:panel-out .18s ease both}.panel>header .icon-btn:hover svg{transform:rotate(90deg)}.image-viewer[open]{animation:viewer-in .24s var(--ease-out) both}.image-viewer[open]::backdrop{animation:shade-in .24s ease both}.image-viewer>img{animation:image-in .36s 70ms var(--ease-out) both}.update-toast{animation:toast-in .4s var(--ease-spring) both}.welcome .brand-mark{animation:welcome-float 4s ease-in-out infinite}@keyframes surface-in{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fade-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes fade-right{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}@keyframes fade-left{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}@keyframes mountain-breathe{0%{transform:translateY(0)}to{transform:translateY(-7px)}}@keyframes list-item-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}@keyframes message-in{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:none}}@keyframes badge-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:none}}@keyframes panel-in{0%{transform:translate(100%)}to{transform:none}}@keyframes panel-out{to{transform:translate(100%)}}@keyframes shade-in{0%{opacity:0}to{opacity:1}}@keyframes shade-out{to{opacity:0}}@keyframes viewer-in{0%{opacity:0}to{opacity:1}}@keyframes image-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,18px) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes welcome-float{50%{transform:translateY(-5px)}}@media(prefers-color-scheme:dark){:root{--brand-keyhole:#edf3fa}.auth-shell{border-color:var(--line)}.auth-promise>span{border-color:#3b5269;background:#101d2a;color:#a9bbcd}.primary{box-shadow:0 8px 20px #0004}.send{box-shadow:0 8px 20px #0005}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.mountains i,.welcome .brand-mark{animation:none!important}}:root{--accent:#2563eb;--accent-hover:#1d4ed8;--accent-strong:#1746a2;--accent-soft:#eaf1ff;--accent-subtle:#dbeafe;--accent-ring:#2563eb26;--avatar-start:#4f8df7;--avatar-end:#2059c7;--bubble-own:#e7f0ff;--file-surface:#f1f6ff;--file-border:#cfddf5}.avatar{background:linear-gradient(145deg,var(--avatar-start),var(--avatar-end));box-shadow:inset 0 0 0 1px #ffffff28}.chat-list>button.active{background:var(--accent-soft)}.chat-list>button.active .avatar{box-shadow:0 0 0 3px var(--accent-ring)}.messages article.mine{background:var(--bubble-own)}.attachment-card{background:var(--file-surface);border-color:var(--file-border)}.attachment-preview{background:var(--accent-soft)}.attachment-details,.attachment-name,.attachment-download,.attachment{color:var(--accent-strong)}.attachment-download{background:var(--accent-subtle)}.attachment-download:hover{background:#c7d9fb}.attachment{background:var(--file-surface);border:1px solid var(--file-border)}.saved,.text-link{color:var(--accent)}.switch-list input{accent-color:var(--accent)}.invite-url button,.admin-list button{background:var(--accent-soft);color:var(--accent-strong)}.invite-url button:hover,.admin-list button:hover{background:var(--accent-subtle)}.auth-card input:focus{box-shadow:0 0 0 3px var(--accent-ring)}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.profile-trigger:hover{box-shadow:0 0 0 4px var(--accent-ring)}.send{box-shadow:0 8px 18px var(--accent-ring)}.send:hover{box-shadow:0 12px 22px #2563eb3d}.attachment-details>svg,.search-results>button>svg{color:var(--accent)}*{scrollbar-color:#b8c7dc transparent}::selection{background:var(--accent-subtle);color:var(--text)}@media(prefers-color-scheme:dark){:root{--accent:#60a5fa;--accent-hover:#7db7fb;--accent-strong:#93c5fd;--accent-soft:#142c4f;--accent-subtle:#1d3c66;--accent-ring:#60a5fa33;--avatar-start:#4d9af5;--avatar-end:#245dc5;--bubble-own:#173b68;--file-surface:#132a47;--file-border:#244b78}.chat-list>button.active{background:var(--accent-soft)}.messages article.mine{background:var(--bubble-own);color:#f7fbff}.messages article.mine>span{color:#b9d4f6}.attachment-card{background:var(--file-surface);border-color:var(--file-border)}.attachment-preview{background:#10243d}.attachment-download{background:var(--accent-subtle)}.attachment-download:hover{background:#294f7d}.invite-url button,.admin-list button{background:var(--accent-soft);color:var(--accent-strong)}*{scrollbar-color:#314967 transparent}::selection{background:#285486;color:#fff}}