@charset "UTF-8";
:root{--ink:#192c36;--muted:#73828a;--border:#e3e9eb;--paper:#fff;--bg:#f4f7f8;--teal:#0c766d;--teal-dark:#075e58;--teal-light:#eaf5f2;--nav:#132e34;--danger:#b54242;--shadow:0 12px 36px #15323c08;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-size:16px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #62b6ab;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid #85c4bd;outline-offset:2px}button svg{flex-shrink:0}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:1.75rem;line-height:1.4;letter-spacing:.01em;font-weight:650}h2{font-size:1.05rem;font-weight:650}h3{font-size:1rem;font-weight:650}small{font-size:.8125rem}button{border:0;background:none}p{line-height:1.75}.muted{color:var(--muted);font-size:.875rem}.workspace{display:flex;min-height:100vh}.sidebar{width:224px;flex-shrink:0;background:var(--nav);color:#d3e2e4;padding:35px 18px 20px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;gap:12px;padding:0 15px 36px;color:#fff;font-size:1.65rem;font-weight:650;letter-spacing:.12em}.brand-mark{width:43px;height:43px;display:grid;place-items:center;background:#258e81;border-radius:13px;color:#fff}.brand small{display:block;font-size:.75rem;font-weight:500;letter-spacing:.28em;color:#91b0b2;margin-top:4px}.sidebar-label{font-size:.75rem;letter-spacing:.14em;color:#87a3a7;padding:9px 15px 15px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px;border-radius:9px;text-align:left;font-size:.9375rem;color:#aec5c8}.nav-item.active{background:#275057;color:#fff}.nav-item:hover{background:#24474e;color:#fff}.nav-item b{margin-left:auto;background:#bce5dc;color:#245951;min-width:23px;border-radius:6px;font-size:.75rem;text-align:center;padding:2px 5px}.sidebar-bottom{margin-top:auto;padding-top:50px}.privacy-note{display:flex;gap:9px;padding:12px 12px 26px;color:#8eb6b4}.privacy-note svg{margin-top:4px;flex-shrink:0}.privacy-note p{font-size:.8125rem}.privacy-note span{display:block;font-size:.75rem;color:#7c999e;line-height:1.7;margin-top:4px}.owner{display:flex;align-items:center;gap:10px;border-top:1px solid #355056;margin-top:17px;padding:23px 11px 0;font-size:.875rem;color:#e0eaec}.owner-avatar{display:grid;place-items:center;width:34px;height:34px;background:#4a626a;border-radius:50%;font-size:.8125rem}.owner small{display:block;color:#90a9ae;margin-top:5px;font-size:.75rem}main{margin-left:224px;width:calc(100% - 224px);min-width:0}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 32px}.breadcrumb{font-size:.875rem;color:var(--muted)}.breadcrumb span{padding:0 13px;color:#bec7cb}.breadcrumb strong{font-weight:500;color:#374c56}.topbar-right{display:flex;gap:20px;align-items:center}.version{font-size:.75rem;letter-spacing:.03em;color:#73838a;border:1px solid var(--border);padding:5px 9px;border-radius:6px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:7px;position:relative;color:#6f818a;flex-shrink:0}.icon-button:hover{background:#eef3f4;color:var(--teal)}.notice-dot{position:absolute;right:5px;top:4px;width:6px;height:6px;border-radius:50%;background:var(--teal);border:1px solid white}.demo-banner{margin:20px 32px 0;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.8125rem;line-height:1.6;color:#6a786f;background:#edf2ed;border:1px solid #e2e9e0;padding:9px 14px;border-radius:7px}.demo-banner>span{display:flex;align-items:center;gap:8px}.demo-dot{width:6px;height:6px;border-radius:50%;background:#81937b;flex-shrink:0}.demo-banner button{font-size:.8125rem;color:#507862;white-space:nowrap}.demo-banner button:hover{text-decoration:underline}.page-heading{display:flex;justify-content:space-between;align-items:center;padding:26px 32px 24px;gap:20px}.eyebrow{font-size:.8125rem;color:var(--muted);margin-bottom:5px;letter-spacing:.015em}.identity-switch{display:flex;align-items:center;gap:10px;font-size:.8125rem;color:var(--muted)}select{background-color:#fff;border:1px solid var(--border);padding:10px 30px 10px 12px;border-radius:7px;color:#304952;font-size:.875rem;max-width:100%}.identity-switch select{max-width:240px}.page-content{padding:0 32px 32px}.messenger{display:grid;grid-template-columns:270px minmax(300px,1fr) 258px;background:white;border:1px solid var(--border);border-radius:12px;overflow:hidden;height:calc(100vh - 258px);min-height:490px;box-shadow:var(--shadow)}.conversation-panel{display:flex;flex-direction:column;border-right:1px solid var(--border);min-width:0}.panel-title{display:flex;justify-content:space-between;align-items:center;padding:18px 19px 12px}.segmented{display:flex;gap:4px;background:#f2f5f6;margin:0 17px 14px;padding:4px;border-radius:8px}.segmented button{flex:1;font-size:.8125rem;color:#79868d;padding:7px 4px;border-radius:5px}.segmented .selected{color:var(--teal);background:#fff;box-shadow:0 1px 4px #172a3610;font-weight:600}.conversation-list{overflow:auto;padding:0 9px;flex:1}.conversation{display:flex;align-items:center;gap:11px;text-align:left;position:relative;width:100%;padding:16px 10px;border-radius:8px;margin-bottom:3px;min-width:0}.conversation:hover{background:#f3f7f7}.conversation.selected{background:var(--teal-light)}.avatar{width:43px;height:43px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;flex-shrink:0;line-height:1;color:#287264;background:#d9eeE8}.avatar.teal{color:#287264;background:#dceee6}.avatar.blue{color:#4d70a1;background:#e1eaf7}.avatar.orange{color:#a57142;background:#f6e9d8}.avatar.purple{color:#7c639c;background:#ede5f5}.avatar.small{width:33px;height:33px;border-radius:9px;font-size:.8125rem}.avatar.large{width:64px;height:64px;border-radius:17px;font-size:1.5rem}.group-avatar{color:#426c80;background:#e6eef1}.avatar-button{padding:0;border-radius:11px;display:flex;align-items:center;align-self:flex-start}.conversation-info{min-width:0;flex:1;display:block}.conversation-name{display:flex;align-items:center;font-weight:600;font-size:.875rem;gap:4px;min-width:0;line-height:1.7}.conversation-name time{margin-left:auto;color:#8e9b9e;font-size:.75rem;font-weight:400;white-space:nowrap}.conversation-preview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8a979d;font-size:.8125rem;margin-top:3px;max-width:172px;line-height:1.7}.unread-badge{position:absolute;right:11px;bottom:16px;min-width:17px;height:17px;background:var(--teal);color:white;font-size:.75rem;display:grid;place-items:center;border-radius:6px;padding:0 4px}.list-footer{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.75rem;color:#9aa6a9;border-top:1px solid var(--border);padding:16px 8px}.chat-panel{display:flex;flex-direction:column;min-width:0;min-height:0;background:#fbfcfc}.chat-header{display:flex;align-items:center;gap:11px;padding:18px 22px;border-bottom:1px solid var(--border);background:#fff;min-height:82px}.chat-header .avatar-button{align-self:center}.chat-title{flex:1;min-width:0}.chat-title h2{font-size:1rem}.chat-title>span{display:block;font-size:.75rem;color:var(--muted);margin-top:5px}.message-history{overflow:auto;flex:1;min-height:0;padding:0 23px 22px}.day-divider{text-align:center;font-size:.75rem;color:#a3adb1;padding:22px 0 24px}.day-divider span{padding:4px 10px;background:#f1f4f5;border-radius:4px}.message-row{display:flex;gap:9px;margin-bottom:24px;align-items:flex-start}.message-row.mine{flex-direction:row-reverse}.message-body{max-width:calc(100% - 48px);min-width:0}.message-meta{display:flex;align-items:center;gap:8px;font-size:.75rem;color:#6c8088;margin:1px 0 7px;line-height:1.5;flex-wrap:wrap}.message-meta span,.message-meta time{font-size:.75rem;color:#9aa8ae}.mine .message-meta{justify-content:flex-end}.bubble{background:#fff;border:1px solid #e4eaec;border-radius:0 10px 10px 10px;padding:12px 15px;font-size:.9375rem;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 2px 4px #16353f03}.mine .bubble{background:#e5f1ed;border-color:#d8e9e2;border-radius:10px 0 10px 10px;color:#2b554b}.composer{border-top:1px solid var(--border);background:white;padding:15px 21px 18px}.composer-context{display:flex;justify-content:space-between;gap:10px;color:#98a3a8;font-size:.75rem;margin-bottom:10px}.composer-context strong{font-weight:500;color:#618078}.composer textarea{width:100%;resize:none;border:0;font-size:.9375rem;padding:3px 0;color:var(--ink);line-height:1.7;background:transparent}.composer textarea::placeholder{color:#a8b3b8}.composer textarea:focus{outline:0}.composer:focus-within{box-shadow:inset 0 2px 0 #9bccbe}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px}.emoji-row{display:flex;gap:7px}.emoji-row button{font-size:1.1rem;padding:5px;border-radius:5px}.emoji-row button:hover{background:#eff5f4}.send-actions{display:flex;gap:14px;align-items:center}.send-actions>span{color:#9aa7ab;font-size:.75rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.875rem;font-weight:500;line-height:1.4;padding:10px 15px;min-height:39px;border-radius:7px;border:1px solid transparent;white-space:nowrap;transition:background .15s,box-shadow .15s}.button.primary{background:var(--teal);color:white}.button.primary:hover{background:var(--teal-dark);box-shadow:0 3px 8px #0b746d20}.button.outline{border-color:#d5e4e1;background:white;color:var(--teal)}.button.outline:hover{background:#f0f7f5}.button.subtle{background:#f2f6f5;color:#45655e}.button.subtle:hover{background:#e6efec}.button.danger{background:#b84949;color:white}.danger-text{color:var(--danger)!important}.full{width:100%}.detail-panel{border-left:1px solid var(--border);background:#fff;padding:25px 22px;overflow:auto}.profile-top{text-align:center}.profile-top h2{margin:12px 0 8px;overflow-wrap:anywhere}.id-pill{font-size:.75rem;color:#87959a;display:inline-block;background:#f2f5f6;border-radius:5px;padding:4px 8px;letter-spacing:.02em}.detail-section{padding-top:22px;margin-top:20px;border-top:1px solid #edf0f1}.detail-label{font-size:.75rem;color:#91a0a6;letter-spacing:.025em}.detail-section p{margin-top:8px;color:#566b73;font-size:.875rem;overflow-wrap:anywhere;white-space:pre-wrap}.note-title{display:flex;align-items:center;justify-content:space-between;margin-top:4px;font-size:.875rem;font-weight:550}.note-title+.detail-section{margin-top:10px}.detail-link{margin-top:24px;width:100%}.mini-members{margin-top:22px}.mini-member{display:flex;gap:9px;align-items:center;text-align:left;min-width:0;padding:7px 0}.mini-member>span:last-child{font-size:.875rem;overflow-wrap:anywhere}.mini-member small{display:block;color:#8b9a9f;font-size:.75rem;margin-top:5px}.mobile-back{display:none}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:65px 25px;gap:14px;color:#90a1a8}.empty h2{color:#4e6871;font-size:1.125rem}.empty p{font-size:.875rem}.empty.compact{padding:28px 15px;font-size:.875rem}.chat-empty{grid-column:span 2}.section-intro{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:23px}.section-intro p{font-size:.9375rem;color:var(--muted)}.quota{font-size:1.5rem;color:var(--teal);white-space:nowrap}.quota span{font-size:.8125rem;color:var(--muted)}.search-surface{background:#fff;padding:26px;border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow)}.search-box{display:flex;align-items:center;gap:13px;border:1px solid #d7e3e3;background:#f9fbfb;padding:14px 16px;border-radius:9px;color:#7b9598}.search-box input{min-width:0;flex:1;background:none;border:0;font-size:.9375rem;color:var(--ink);outline:none}.search-box:focus-within{box-shadow:0 0 0 2px #93c7bf}.search-box>span{white-space:nowrap;color:#9aa9ac;font-size:.75rem}.search-tabs{display:flex;gap:25px;margin-top:22px;border-bottom:1px solid var(--border);overflow:auto}.search-tabs button{font-size:.875rem;padding:8px 5px 16px;border-bottom:2px solid transparent;color:#89979d;white-space:nowrap}.search-tabs button.active{border-color:var(--teal);color:var(--teal);font-weight:600}.results-caption{display:flex;justify-content:space-between;font-size:.8125rem;color:#8b9b9f;margin:22px 0 20px;gap:15px}.directory-grid,.account-grid,.group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.directory-card,.account-card,.group-card{border:1px solid var(--border);border-radius:10px;padding:22px;background:#fff;min-width:0}.directory-card{display:flex;flex-direction:column}.card-person{display:flex;align-items:center;gap:11px}.card-person>div{flex:1;min-width:0}.card-person h2{font-size:1rem;line-height:1.5;overflow-wrap:anywhere}.card-person>div>span{display:block;font-size:.75rem;color:#8c9ca1;margin-top:5px}.offer-block{margin-top:24px}.label-tag{display:inline-block;background:#edf5f1;color:#558579;border-radius:4px;font-size:.75rem;padding:3px 7px;line-height:1.5}.offer-block p{font-size:.875rem;color:#62777e;margin-top:8px;overflow-wrap:anywhere}.offer-block.need{margin-top:17px;margin-bottom:22px}.need .label-tag{background:#eef3f9;color:#7286a2}.directory-card>.button{margin-top:auto}.account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-card{padding:24px}.current-label{background:#e9f5ef;color:#4d8d70;border-radius:5px;padding:4px 7px;font-size:.75rem}.account-offer{font-size:.875rem;color:#6f8188;margin:22px 0;min-height:48px;overflow-wrap:anywhere}.account-facts{display:flex;gap:12px;font-size:.75rem;color:#7e929a;margin-bottom:20px}.account-facts span+span{border-left:1px solid var(--border);padding-left:12px}.session-info{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#889a9e;background:#f5f8f8;border-radius:6px;padding:10px 12px;margin-bottom:20px}.session-info button{color:var(--teal);margin-left:auto;font-size:.75rem}.card-actions{display:flex;gap:12px}.card-actions .button{flex:1}.new-account-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;border:1px dashed #c7d7d7;border-radius:10px;background:#f1f6f5;min-height:240px;color:#7b9a92}.new-account-card strong{font-size:1rem;color:#547a6f;font-weight:500}.new-account-card span{font-size:.8125rem;color:#94a7a0}.new-account-card:hover{background:#eaf3f0}.group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.group-facts{display:flex;gap:15px;flex-wrap:wrap;margin:25px 0;color:#81949b;font-size:.8125rem}.group-facts span{display:inline-flex;align-items:center;gap:5px}.invitation-section{background:#fff;border:1px solid var(--border);border-radius:10px;padding:22px;margin-bottom:24px}.invitation-section>h2{margin-bottom:14px}.invitation-section>h2>span{font-size:.75rem;margin-left:5px;color:var(--teal)}.invitation{display:flex;gap:12px;align-items:center;padding:15px 0;border-top:1px solid var(--border)}.invitation>div{flex:1}.invitation strong{font-size:.9375rem}.invitation p{font-size:.8125rem;color:#81949b;margin-top:5px}.mini-member em{font-style:normal;font-size:.75rem;padding:2px 4px;background:#f0f5f4;color:#598474}.info-box{background:#f0f7f5;border:1px solid #e1eee9;padding:13px 15px;font-size:.875rem;line-height:1.8;color:#658379;border-radius:7px;margin:16px 0}.hint{font-size:.875rem;line-height:1.8;color:#8a999f;margin-bottom:18px}.field{display:flex;flex-direction:column;gap:9px;font-size:.875rem;color:#4e676f;margin:20px 0}.field input,.field textarea,.field select{width:100%;border:1px solid #dbe4e6;border-radius:7px;background:#fff;padding:11px 12px;font-size:.9375rem;color:#29454f;line-height:1.65;min-width:0}.field textarea{resize:vertical;min-height:90px}.field small{font-size:.75rem;color:#91a1a7}.field .char-count{text-align:right}.field .over-limit{color:var(--danger)}.text-button{color:var(--teal);font-size:.8125rem;padding:5px 0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.modal-actions.between{justify-content:space-between}dialog{border:1px solid var(--border);border-radius:14px;padding:0;width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 60px);box-shadow:0 30px 100px #102b3940;color:var(--ink)}dialog.wide{width:min(650px,calc(100vw - 32px))}dialog::backdrop{background:#102a3666;backdrop-filter:blur(3px)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--border);position:sticky;top:0;background:white;z-index:1}.modal-header h2{font-size:1.1rem}.modal-content{padding:24px}.modal-profile{margin-bottom:25px}.modal-profile h2{font-size:1.25rem}.group-modal-title{display:flex;align-items:center;gap:13px;margin-bottom:24px}.group-modal-title h3{font-size:1.125rem}.group-modal-title p{font-size:.8125rem;color:#81969c;margin-top:4px}.setting-row{display:flex;justify-content:space-between;gap:18px;padding:16px 0;align-items:center;border-top:1px solid var(--border)}.setting-row label{flex:1}.setting-row strong{font-size:.875rem;font-weight:500;display:block}.setting-row span{display:block;font-size:.75rem;color:#8e9da3;line-height:1.7;margin-top:6px}.members-heading{display:flex;justify-content:space-between;align-items:center;margin:26px 0 12px}.member-row{display:flex;align-items:center;gap:10px;border-top:1px solid #edf1f2;padding:8px 0}.member-row>.mini-member{flex:1}.member-visibility{font-size:.75rem;padding:7px 20px 7px 8px;max-width:125px}.member-row>.text-button{flex-shrink:0;font-size:.75rem}.about-copy h3{font-size:1.25rem;margin:15px 0}.about-copy p{font-size:.9375rem;color:#6c8189;margin:15px 0}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;z-index:1000;color:white;background:#1d4544;box-shadow:0 10px 35px #0e333933;border-radius:9px;padding:13px 20px;font-size:.875rem;max-width:calc(100vw - 35px);line-height:1.7;transition:opacity .18s,transform .18s}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1650px){.page-heading,.page-content{max-width:1600px;margin-left:auto;margin-right:auto}.messenger{grid-template-columns:300px minmax(400px,1fr) 285px}.directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1350px){.sidebar{width:200px;padding-left:13px;padding-right:13px}main{margin-left:200px;width:calc(100% - 200px)}.messenger{grid-template-columns:260px minmax(280px,1fr)}.detail-panel{display:none}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-empty{grid-column:auto}.send-actions>span{display:none}.brand{padding-left:11px}.topbar{padding:0 25px}.demo-banner{margin-left:25px;margin-right:25px}.page-heading{padding-left:25px;padding-right:25px}.page-content{padding-left:25px;padding-right:25px}}
@media(max-width:1050px){.sidebar{width:78px;padding:26px 12px 16px}.brand{padding:0 0 35px;justify-content:center}.brand>span:last-child,.sidebar-label,.nav-item>span,.nav-item>b,.privacy-note,.owner>div{display:none}.nav-item{justify-content:center;padding:14px}.sidebar nav{gap:12px}.owner{justify-content:center;padding:20px 0 0}.sidebar-bottom{padding-top:30px}.owner-avatar{flex-shrink:0}main{margin-left:78px;width:calc(100% - 78px)}.messenger{grid-template-columns:240px minmax(250px,1fr)}.conversation-preview{max-width:152px}.identity-switch>span{display:none}.identity-switch select{max-width:220px}.page-content{padding:0 22px 25px}.demo-banner{margin:18px 22px 0}.page-heading{padding:23px 22px}.topbar{padding:0 22px;height:64px}.messenger{height:calc(100vh - 244px)}.group-grid{grid-template-columns:1fr}.account-grid{gap:15px}.account-card{padding:20px}.card-actions{gap:8px}.card-actions .button{padding:9px 10px}.privacy-note{display:none}}
@media(max-width:760px){.sidebar{width:66px;padding:22px 8px 15px}main{margin-left:66px;width:calc(100% - 66px)}.brand-mark{width:38px;height:38px}.brand{padding-bottom:30px}.nav-item{padding:13px 10px}.topbar{height:55px;padding:0 15px}.breadcrumb{font-size:.75rem}.breadcrumb span{padding:0 7px}.topbar-right{gap:7px}.version{font-size:.75rem;padding:4px 6px}.demo-banner{margin:14px 15px 0;padding:8px 10px;font-size:.75rem;align-items:flex-start}.demo-banner button{font-size:.75rem}.demo-dot{display:none}.page-heading{padding:19px 15px;align-items:flex-start;flex-wrap:wrap;gap:13px}.eyebrow{font-size:.75rem}h1{font-size:1.45rem}.identity-switch{width:100%}.identity-switch select{width:100%;max-width:none;padding:8px 28px 8px 10px}.page-content{padding:0 15px 22px}.messenger{display:flex;min-height:480px;height:calc(100dvh - 290px)}.conversation-panel{width:100%;border-right:0}.chat-panel,.chat-empty{display:none}.messenger.mobile-chat .conversation-panel{display:none}.messenger.mobile-chat .chat-panel{display:flex;width:100%}.messenger.mobile-chat .chat-empty{display:flex;width:100%}.mobile-back{display:flex;width:25px;margin-left:-8px}.chat-header{padding:13px 15px;gap:8px;min-height:73px}.chat-title h2{font-size:.9375rem}.chat-title>span{font-size:.75rem}.chat-header .avatar{width:35px;height:35px;border-radius:9px}.conversation{padding:16px 12px}.conversation-preview{max-width:250px}.list-footer{font-size:.75rem}.message-history{padding:0 13px 12px}.message-row{gap:7px}.message-meta{font-size:.75rem}.bubble{padding:10px 12px;font-size:.875rem}.composer{padding:12px}.composer-context>span:last-child{display:none}.emoji-row{gap:2px}.emoji-row button{padding:4px;font-size:1rem}.composer textarea{font-size:.875rem}.button{font-size:.8125rem;padding:9px 12px}.search-surface{padding:17px}.search-box{padding:12px;gap:7px}.search-box>span{display:none}.search-box input{font-size:.875rem}.search-tabs{gap:14px}.search-tabs button{font-size:.8125rem}.results-caption{flex-direction:column;gap:4px;font-size:.75rem}.directory-grid,.account-grid,.group-grid{grid-template-columns:1fr}.directory-card{padding:20px}.section-intro{align-items:flex-start;flex-wrap:wrap;gap:14px}.section-intro p{font-size:.875rem}.account-card{padding:22px}.new-account-card{min-height:170px}.group-card{padding:20px}.invitation-section{padding:17px}.invitation{flex-wrap:wrap;gap:8px}.invitation>div{flex-basis:calc(100% - 55px)}.invitation>.button{flex:1}.group-facts{gap:10px}.modal-header{padding:17px 19px}.modal-content{padding:19px}.setting-row{flex-wrap:wrap;gap:10px}.setting-row label{flex-basis:100%}.setting-row select{width:100%}.member-row{gap:5px;flex-wrap:wrap}.member-row>.mini-member{min-width:140px}.member-visibility{max-width:114px;font-size:.75rem}.info-box{font-size:.8125rem}.field{margin:17px 0}.field input,.field textarea,.field select{font-size:1rem}.current-label{margin-left:auto}.group-modal-title h3{font-size:1rem}.demo-banner>span{display:block}.privacy-note{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* v0.2: account-scoped inbox, with a mobile-first conversation surface. */
.bottom-nav,.demo-short,.mobile-about{display:none}
.page-heading{padding-top:20px;padding-bottom:16px}
.context-wrap{padding:0 32px 14px}
.account-context{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:1px solid #dce8e4;border-radius:10px;background:#fff;text-align:left}
.account-context:hover{background:#f9fcfb;border-color:#b7d4cc}
.account-context>.avatar{width:39px;height:39px;border-radius:11px}
.account-context>span:nth-child(2){min-width:0;flex:1}
.account-context small{display:block;font-size:.75rem;color:#879c97;margin-bottom:3px}
.account-context strong{display:block;font-size:.9375rem;font-weight:600;color:#254c44;overflow-wrap:anywhere}
.account-context strong>span{font-size:.8125rem;font-weight:400;color:#7a9690}
.switch-label{display:flex;align-items:center;gap:8px;color:#668f85;font-size:.8125rem;flex-shrink:0}
.workspace-tabs-wrap{padding:0 32px 18px}
.workspace-tabs{display:flex;gap:30px;border-bottom:1px solid #dce7e5}
.workspace-tabs>button{padding:10px 4px 14px;color:#7c918c;font-size:.9375rem;border-bottom:2px solid transparent;min-height:44px;display:flex;align-items:center;gap:7px}
.workspace-tabs>button.active{color:var(--teal);border-bottom-color:var(--teal);font-weight:600}
.workspace-tabs b{display:inline-flex;justify-content:center;align-items:center;min-width:19px;height:19px;padding:0 5px;font-size:.75rem;font-weight:500;border-radius:10px;background:#e1efe9;color:var(--teal)}
.heading-action{width:44px;height:44px}
.messenger{height:calc(100dvh - 370px);min-height:380px}
.conversation-name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.conversation-name time{flex-shrink:0}
.conversation-preview{padding-right:19px}
.chat-identity{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 12px;font-size:.75rem;line-height:1.6;background:#f0f6f3;color:#66877d;border-bottom:1px solid #e5eee9}
.archive-notice{display:flex;gap:12px;padding:18px 22px;background:#f2f5f5;border-top:1px solid var(--border);align-items:flex-start;color:#7b9290;flex-shrink:0}
.archive-notice strong{font-size:.875rem;color:#637c77;font-weight:500}
.archive-notice p{font-size:.8125rem;margin-top:5px;line-height:1.65}
.archive-heading{margin:30px 0 16px;color:#728883}
.archive-caption{font-size:.875rem;color:#83948f;margin:20px 0}
.archived-card{background:#fafcfb;border-style:dashed}
.account-invite{display:flex;gap:8px;align-items:center;width:100%;padding:12px;color:#36786b;background:#edf7f0;border-radius:7px;font-size:.8125rem;margin-bottom:16px;text-align:left;min-height:44px}
.account-invite svg:last-child{margin-left:auto}
.switcher-list{display:flex;flex-direction:column;gap:7px;margin-bottom:22px}
.switcher-row{display:flex;align-items:center;gap:12px;padding:14px 12px;text-align:left;border:1px solid transparent;border-radius:10px;width:100%}
.switcher-row.selected{background:#edf7f1;border-color:#d9eae3}
.switcher-row:hover{background:#f2f7f4}
.switcher-row>span:nth-child(2){flex:1;min-width:0}
.switcher-row strong{font-size:.9375rem;font-weight:550;display:block;overflow-wrap:anywhere}
.switcher-row small{font-size:.75rem;color:#82978f;display:block;margin-top:6px}
.switcher-row>svg{color:var(--teal)}
.composer textarea{min-height:52px}
.chat-header,.composer{flex-shrink:0}
@media(min-width:761px){
  main{position:relative}
  .context-wrap{position:absolute;right:32px;top:147px;width:310px;padding:0}
  .page-heading .heading-action{display:none}
  .workspace-tabs-wrap{padding-top:8px}
  .messenger{height:calc(100dvh - 332px);min-height:360px}
}
@media(max-width:1350px){.context-wrap{padding-left:25px;padding-right:25px}.workspace-tabs-wrap{padding-left:25px;padding-right:25px}}
@media(min-width:761px) and (max-width:1350px){.context-wrap{right:25px;padding:0}}
@media(max-width:1050px){.workspace-tabs-wrap{padding-left:22px;padding-right:22px}}
@media(min-width:761px) and (max-width:1050px){.context-wrap{right:22px;top:138px;padding:0}.messenger{height:calc(100dvh - 316px)}}
@media(max-width:760px){
  body{background:#f5f7f6}
  .sidebar{display:none}
  main{margin:0;width:100%;min-width:0;padding-bottom:calc(78px + env(safe-area-inset-bottom))}
  .topbar{display:none}
  .demo-banner{margin:12px 18px 0;padding:7px 11px;font-size:.75rem;border:0;background:#eaf0e9;border-radius:7px;min-height:30px}
  .demo-long{display:none}.demo-short{display:inline}
  .page-heading{padding:21px 20px 16px;align-items:center;flex-wrap:nowrap;gap:15px}
  .page-heading .eyebrow{display:none}
  .page-heading h1{font-size:1.75rem;letter-spacing:-.03em;line-height:1.25}
  .page-heading>.button{min-height:42px;padding:9px 12px;font-size:.875rem}
  .heading-action{background:#fff;border:1px solid #e0e8e3;border-radius:12px;color:#477d6c}
  .context-wrap{padding:0 18px 12px}
  .account-context{padding:12px;border-radius:12px;min-height:68px}
  .account-context strong{font-size:1rem}
  .account-context small{font-size:.75rem}
  .account-context>.avatar{width:41px;height:41px}
  .switch-label{font-size:.8125rem;gap:6px}
  .workspace-tabs-wrap{padding:0 18px 12px}
  .workspace-tabs{gap:0;border:0;background:#e9efeb;border-radius:10px;padding:4px}
  .workspace-tabs>button{flex:1;justify-content:center;min-height:41px;border:0;border-radius:7px;padding:9px 8px;font-size:.9375rem}
  .workspace-tabs>button.active{background:#fff;box-shadow:0 1px 5px #1e4d3910}
  .page-content{padding:0 18px 20px}
  .messenger{display:block;height:auto;min-height:0;border-radius:13px;box-shadow:0 5px 20px #173a2904;border-color:#e3eae5;overflow:hidden}
  .conversation-panel{min-height:360px;width:100%}
  .panel-title{padding:16px 16px 9px}
  .panel-title h2{font-size:1rem}
  .panel-title>.icon-button{display:none}
  .segmented{margin:0 15px 6px;background:transparent;padding:0;gap:7px}
  .segmented button{flex:none;min-height:38px;padding:8px 13px;font-size:.8125rem;color:#8a9993}
  .segmented button.selected{background:#eef5f0;box-shadow:none;color:#3b7c65}
  .conversation-list{padding:0 10px;overflow:visible}
  .conversation{padding:17px 8px;gap:12px;border-radius:0;border-bottom:1px solid #f0f3f1;margin:0;min-height:84px}
  .conversation.selected{background:transparent}
  .conversation:active{background:#f0f7f2}
  .conversation .avatar{width:48px;height:48px;border-radius:14px;font-size:1.125rem}
  .conversation-name{font-size:1rem;line-height:1.55}
  .conversation-name time{font-size:.75rem}
  .conversation-preview{font-size:.875rem;max-width:none;width:100%;margin-top:5px}
  .unread-badge{bottom:20px;right:8px;min-width:19px;height:19px;border-radius:10px;font-size:.75rem}
  .list-footer{font-size:.75rem;padding:17px 8px;color:#9aa9a1;background:#fcfdfc;border-top:0}
  .bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:5;border-top:1px solid #e1e9e3;background:#fffffff2;backdrop-filter:blur(14px);padding:8px 18px calc(8px + env(safe-area-inset-bottom));min-height:70px;align-items:center;justify-content:space-around}
  .bottom-item{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:5px;min-width:74px;min-height:50px;padding:4px 18px;font-size:.75rem;color:#8b9b93;border-radius:12px}
  .bottom-item svg{width:24px;height:24px;stroke-width:1.7}
  .bottom-item.active{color:var(--teal);background:#eef6f1;font-weight:600}
  .bottom-item b{position:absolute;right:9px;top:0;border-radius:10px;background:var(--teal);color:#fff;min-width:17px;height:17px;font-size:.6875rem;padding:1px 4px}
  .workspace.chat-open{position:fixed;inset:0;min-height:0;height:100dvh;overflow:hidden;background:#f4f7f5}
  .workspace.chat-open main{height:100%;padding:0;display:flex;flex-direction:column}
  .workspace.chat-open .topbar,.workspace.chat-open .demo-banner,.workspace.chat-open .page-heading,.workspace.chat-open .context-wrap,.workspace.chat-open .workspace-tabs-wrap,.workspace.chat-open .bottom-nav{display:none}
  .workspace.chat-open .message-content{height:100%;padding:0;flex:1;min-height:0}
  .workspace.chat-open .messenger{height:100%;min-height:0;border:0;border-radius:0;display:flex;background:#f4f7f5}
  .workspace.chat-open .conversation-panel{display:none}
  .workspace.chat-open .chat-panel{display:flex;width:100%;height:100%;background:#f3f6f4}
  .chat-header{padding:calc(12px + env(safe-area-inset-top)) 15px 12px;min-height:74px;gap:10px;background:#fff}
  .mobile-back{display:flex;width:36px;height:44px;margin-left:-6px;color:#456e5d}
  .chat-header .avatar{width:39px;height:39px;border-radius:12px}
  .chat-header>.icon-button:last-child{width:42px;height:44px}
  .chat-title h2{font-size:1rem;line-height:1.5}
  .chat-title>span{font-size:.75rem;line-height:1.6;margin-top:2px}
  .chat-identity{font-size:.75rem;padding:7px 12px;background:#edf3ef;flex-shrink:0}
  .message-history{padding:0 15px 12px;overscroll-behavior:contain;flex:1;min-height:0}
  .day-divider{padding:18px 0 23px;font-size:.75rem}
  .day-divider span{background:#e9eeea;color:#8da196}
  .message-row{gap:9px;margin-bottom:23px}
  .message-row .avatar.small{width:35px;height:35px;border-radius:10px;font-size:.875rem}
  .message-body{max-width:calc(100% - 50px)}
  .message-meta{font-size:.75rem;gap:6px;margin:0 0 6px;line-height:1.5;color:#75897e}
  .message-meta span,.message-meta time{font-size:.75rem;color:#8da095}
  .bubble{padding:11px 14px;font-size:1rem;line-height:1.75;border-radius:2px 13px 13px 13px;border-color:#e4ebe5;box-shadow:0 2px 4px #1b3a2803}
  .mine .bubble{border-radius:13px 2px 13px 13px;background:#dceee2;border-color:#d3e7da;color:#24523a}
  .composer{padding:12px 15px calc(12px + env(safe-area-inset-bottom));background:#fff;display:grid;grid-template-columns:minmax(0,1fr);gap:9px;border-top:1px solid #e2eae4;flex-shrink:0}
  .composer-context{display:none}
  .composer textarea{background:#f1f5f2;border:1px solid #e7ede8;border-radius:11px;font-size:1rem;min-height:46px;height:46px;max-height:115px;padding:10px 12px;line-height:1.5;resize:vertical;margin:0;display:block}
  .composer-bottom{margin:0;min-height:42px}
  .emoji-row{gap:5px}
  .emoji-row button{min-width:38px;min-height:42px;padding:5px;font-size:1.2rem}
  .send-actions>.button{min-height:42px;font-size:.9375rem;padding:10px 17px}
  .archive-notice{padding:17px 20px calc(17px + env(safe-area-inset-bottom));background:#eef3ef}
  .archive-notice p{font-size:.875rem}
  .search-surface{padding:15px;border-radius:12px}
  .search-box{padding:12px 11px;border-radius:10px;min-height:48px}
  .search-box input{font-size:1rem}
  .search-tabs{gap:17px;margin-top:15px}
  .search-tabs button{font-size:.875rem;min-height:44px}
  .directory-card{padding:18px}
  .offer-block p{font-size:.9375rem}
  .button{min-height:44px;font-size:.875rem}
  .account-grid,.directory-grid,.group-grid{gap:14px}
  .account-card,.group-card{padding:20px;border-radius:13px}
  .account-card .avatar{width:48px;height:48px;border-radius:14px}
  .card-person h2{font-size:1.0625rem}
  .account-offer{font-size:.9375rem;line-height:1.75;margin:19px 0;min-height:0}
  .account-facts{flex-wrap:wrap;gap:8px;font-size:.8125rem}
  .account-facts span+span{padding-left:8px}
  .section-intro{margin-bottom:18px;align-items:center;gap:12px}
  .section-intro p{font-size:.875rem;line-height:1.8;flex:1;min-width:0}
  .session-info{font-size:.8125rem;padding:11px;min-height:42px}
  .session-info button{font-size:.8125rem;padding:5px}
  .card-actions .button{font-size:.875rem;padding:11px 12px}
  .mobile-about{display:flex;width:100%;margin-top:20px}
  .invitation-section{padding:18px;border-radius:13px}
  .invitation{gap:11px;padding:20px 0}
  .invitation strong{font-size:1rem}
  .invitation p{font-size:.875rem}
  dialog,dialog.wide{width:100%;max-width:100%;max-height:calc(100dvh - 42px);margin:auto 0 0;border-radius:20px 20px 0 0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom)}
  .modal-header{padding:18px 20px;background:#fff}
  .modal-header>.icon-button{min-width:44px;min-height:44px}
  .modal-header h2{font-size:1.125rem}
  .modal-content{padding:20px}
  .modal-content>.hint{font-size:.875rem}
  .member-row{padding:12px 0;gap:10px}
  .member-visibility{min-height:44px;font-size:.8125rem;max-width:130px}
  .member-row>.text-button{min-height:44px;font-size:.8125rem}
  .switcher-row{padding:14px 10px;min-height:72px}
  .switcher-row strong{font-size:1rem}
  .switcher-row small{font-size:.8125rem}
  #toast{bottom:calc(89px + env(safe-area-inset-bottom));font-size:.875rem;width:max-content;max-width:calc(100vw - 30px)}
}

/* AYLENTO: white surfaces, navy typography and a restrained blue accent. */
:root{--ink:#111d3a;--muted:#62718b;--border:#e0e7f2;--bg:#f5f7fc;--teal:#2459d6;--teal-dark:#1948b8;--teal-light:#edf3ff;--nav:#101c36;--shadow:0 12px 36px #152e6608;--brand-gradient:linear-gradient(135deg,#1973e8,#4f45db)}
body{background:var(--bg)}
button:focus-visible,a:focus-visible{outline-color:#5789ed}input:focus,textarea:focus,select:focus{outline-color:#8caef4}
.sidebar{background:linear-gradient(180deg,#101a32,#142646);color:#dae4f7}
.brand{letter-spacing:.06em;font-size:1.5rem;gap:10px}.brand-mark{background:#fff;border:1px solid #dce5f5;box-shadow:0 4px 12px #07152d18;flex-shrink:0}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}.brand small{color:#a9bee8;letter-spacing:.2em;font-size:.625rem}.loading-logo{object-fit:contain}
.sidebar-label{color:#a2b5d6}.nav-item{color:#c0cfe9}.nav-item.active{background:#2a4476;color:white}.nav-item:hover{background:#223958;color:white}.nav-item b{background:#d6e6ff;color:#2351ad}.privacy-note{color:#abc3e9}.privacy-note span,.owner small{color:#9aafcf}.owner{border-color:#314669;color:#e6edfa}.owner-avatar{background:#334c78}
.breadcrumb strong,.chat-title,.card-person h2,.empty h2{color:var(--ink)}.icon-button{color:#647897}.icon-button:hover{background:#ecf2ff;color:var(--teal)}.version,.breadcrumb{color:var(--muted)}
.demo-banner{background:#edf3fd;border-color:#dfe8f8;color:#556b91}.demo-banner button{color:#2459bc}.demo-dot{background:#658cd2}
.conversation:hover,.conversation:active{background:#f3f6fc}.conversation.selected{background:var(--teal-light)}.conversation-preview,.conversation-name time{color:var(--muted)}
.avatar,.avatar.teal{background:#e7efff;color:#2a58aa}.avatar.blue{background:#e1edff;color:#325db0}.avatar.purple{background:#eeeaff;color:#6752aa}.group-avatar{background:#e9effa;color:#466894}
.chat-panel{background:#f9fbff}.chat-identity{background:#eff4fe;border-color:#e0e8f7;color:#526b95}.mine .bubble{background:#eaf1ff;border-color:#d8e5fc;color:#244878}.bubble{border-color:#e1e8f4}.message-meta,.message-meta span,.message-meta time{color:#687b98}.day-divider{color:#71819b}.day-divider span{background:#f0f4fb}.composer-context{color:#657691}.composer-context strong{color:#3c6097}.composer:focus-within{box-shadow:inset 0 2px 0 #86aaf2}.emoji-row button:hover{background:#edf3ff}
.button.primary{background:var(--teal)}.button.primary:hover{background:var(--teal-dark);box-shadow:0 3px 8px #2459d620}.button.outline{border-color:#cad9f2;color:var(--teal)}.button.outline:hover{background:#f0f5ff}.button.subtle{background:#f0f4fc;color:#4b6490}.button.subtle:hover{background:#e5edfc}
.search-box{background:#f9fbff;border-color:#d7e2f5;color:#6880a7}.search-box:focus-within{box-shadow:0 0 0 2px #91b2f2}.search-tabs button,.results-caption,.card-person>div>span,.account-facts,.group-facts,.invitation p{color:var(--muted)}
.id-pill{background:#eff3fb;color:#596e92}.detail-label,.detail-section p,.field,.field small,.hint,.mini-member small{color:#61728e}.detail-section,.member-row{border-color:#e6ecf7}.field input,.field textarea,.field select{border-color:#d5e0f1;color:#223b61}.label-tag{background:#edf3ff;color:#456db0}.need .label-tag{background:#f0edff;color:#7160a4}.offer-block p,.account-offer{color:#586d8c}.current-label{background:#e8f0ff;color:#345dab}.session-info{background:#f3f6fc;color:#627799}.new-account-card{background:#f2f6ff;border-color:#c5d6f1;color:#5678b4}.new-account-card strong{color:#3e619d}.new-account-card span{color:#637ba2}.new-account-card:hover{background:#eaf1ff}
.info-box,.account-invite{background:#edf3ff;border-color:#dce6f8;color:#4c6b9a}.mini-member em{background:#edf2fc;color:#5675a6}.switcher-row.selected{background:#edf3ff;border-color:#d6e2f8}.switcher-row:hover{background:#f3f6fc}.switcher-row small{color:#657c9e}.account-context{background:#fff;border-color:#dce5f4}.account-context small,.account-context strong span,.switch-label{color:#627a9f}.workspace-tabs>button{color:#617594}.workspace-tabs>button.active{color:var(--teal);border-color:var(--teal)}
.archive-notice{background:#f1f4fa;color:#62718a}.archive-notice strong{color:#4b6082}.archive-heading,.archive-caption{color:#61728d}.archived-card{background:#fafbfe}.setting-row span,.group-modal-title p,.list-footer{color:#677b9b}.about-copy p{color:#61728e}dialog{box-shadow:0 30px 100px #101c3d40}dialog::backdrop{background:#0d1c3a66}#toast{background:#152b50;box-shadow:0 10px 35px #0c1e4333}
@media(max-width:760px){body{background:var(--bg)}.heading-action{color:#426cba;border-color:#dce5f6}.workspace-tabs{background:#e9effa}.workspace-tabs>button.active{background:#fff;box-shadow:0 1px 5px #183b7710}.segmented button{color:#677b9a}.segmented button.selected{background:#edf3ff;color:#365fad}.bottom-nav{border-color:#e0e7f3}.bottom-item{color:#657897}.bottom-item.active{background:#edf3ff;color:var(--teal)}.workspace.chat-open,.workspace.chat-open .messenger{background:#f5f8fe}.conversation{border-color:#edf1f9}.conversation.selected{background:transparent}.conversation:active{background:#edf3ff}.list-footer{background:#fcfdff}.messenger{border-color:#e0e8f5}}