:root{--text:#1e2726;--muted:#6e7773;--bg:#f7f5ef;--glass:#ffffff94;--glass-border:#ffffffb8;--shadow-sm:0 10px 24px #3d4c4914;--shadow-lg:0 28px 80px #3643412e;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;font-family:var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--bg)}body{min-width:320px;margin:0;overflow:hidden}#root{min-height:100svh}a{color:inherit}.boot,.auth-page,.app-shell{min-height:100svh}.boot,.auth-page{place-items:center;padding:24px;display:grid}.boot{color:var(--muted);gap:14px}.boot img{filter:drop-shadow(0 24px 40px #465b5c38);width:96px;height:96px}.auth-page{background:radial-gradient(circle at 20% 10%,#fffffff5,#0000 32%),linear-gradient(135deg,#f5f2ea 0%,#e7efee 46%,#f6ece7 100%)}.auth-glass{border:1px solid var(--glass-border);background:var(--glass);width:min(440px,100%);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(28px)saturate(1.2);backdrop-filter:blur(28px)saturate(1.2);border-radius:8px;padding:28px}.brand-lockup{align-items:center;gap:16px;margin-bottom:24px;display:flex}.brand-lockup img{border-radius:22px;width:78px;height:78px;box-shadow:inset 0 1px #ffffffe6,0 18px 36px #4e64672e}.brand-lockup h1,.brand-lockup p,.pane-header h2,.pane-header p,.chat-title h2,.chat-title p{margin:0}.brand-lockup h1{font-size:34px;line-height:1.1}.brand-lockup p,.muted-copy,.empty-state span,.chat-title p,.conversation-copy p,.person-row small,.code-row small{color:var(--muted)}.segmented{background:#ffffff75;border:1px solid #ffffffc2;border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:20px;padding:4px;display:grid}.segmented button,button,input,select,textarea{font:inherit}button,input,select{letter-spacing:0}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.52}.segmented button{height:38px;color:var(--muted);background:0 0;border-radius:7px}.segmented button.active{color:var(--text);box-shadow:var(--shadow-sm);background:#ffffffdb}.auth-form,.glass-section,.settings-grid,.content-grid,.modal,.modal-list{flex-direction:column;display:flex}.auth-form,.glass-section,.modal{gap:14px}label{color:var(--muted);gap:7px;font-size:13px;display:grid}input,select{min-width:0;height:42px;color:var(--text);background:#ffffffc2;border:1px solid #4252531f;border-radius:8px;outline:none;padding:0 13px;transition:border-color .18s,box-shadow .18s,background .18s}input:focus,select:focus{background:#fffffff0;border-color:#4f8a8b73;box-shadow:0 0 0 4px #4f8a8b1f}.primary,.soft-button,.send-button,.danger,.icon-button,.mini-icon,.rail button,.conversation-row,.person-row.as-button,.toggle-row,.attachment-card,.voice-card button{justify-content:center;align-items:center;gap:8px;transition:transform .22s cubic-bezier(.2,.8,.2,1),background .18s,box-shadow .18s,color .18s;display:inline-flex}.primary,.send-button{color:#fff;background:linear-gradient(135deg,#356e71,#518f7e);border-radius:8px;min-height:42px;padding:0 16px;box-shadow:0 12px 26px #376c693d}.primary:hover,.send-button:hover,.icon-button:hover,.soft-button:hover,.conversation-row:hover,.person-row.as-button:hover,.toggle-row:hover,.attachment-card:hover,.voice-card button:hover{transform:translateY(-1px)}.primary.wide{width:100%}.danger.wide{width:100%;min-height:42px}.soft-button,.icon-button,.mini-icon,.danger{color:var(--text);background:#ffffffa8;border:1px solid #4252531f;border-radius:8px}.soft-button{min-height:38px;padding:0 12px}.soft-button.wide{width:100%}.compact-button{white-space:nowrap;min-height:34px;padding:0 10px}.soft-button.success{color:#2f6d61;background:#e6f6eec7}.icon-button{width:40px;height:40px}.mini-icon{width:32px;height:32px}.danger{color:#ae3f36;background:#ffebe6e0}.round{border-radius:50%;width:54px;height:54px;padding:0}.form-error,.inline-error{color:#a33a32;background:#ffeeead1;border:1px solid #c253482e;border-radius:8px;padding:10px 12px;font-size:14px}.app-shell{color:var(--text);background:linear-gradient(120deg,#f6f3ebf2,#eaf1efeb),#f7f5ef;grid-template-columns:76px minmax(280px,360px) minmax(0,1fr);display:grid;overflow:hidden}.rail,.list-pane,.chat-pane,.content-pane{min-height:100svh}.rail{border-right:1px solid var(--glass-border);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:#ffffff57;flex-direction:column;align-items:center;gap:18px;padding:16px 12px;display:flex}.rail-brand img{border-radius:15px;width:46px;height:46px}.rail nav{gap:8px;width:100%;display:grid}.rail button{width:52px;min-height:48px;color:var(--muted);background:0 0;border-radius:8px}.rail button span{display:none}.rail button.active{color:#2e6f71;box-shadow:var(--shadow-sm);background:#ffffffbd}.rail-user{flex-direction:column;margin-top:auto}.avatar{color:#fff;background:linear-gradient(145deg, color-mix(in srgb, var(--avatar), white 18%), var(--avatar)), var(--avatar);flex:none;place-items:center;font-weight:700;display:inline-grid;overflow:hidden;box-shadow:inset 0 1px #ffffff59}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-sm{border-radius:8px;width:30px;height:30px;font-size:13px}.avatar-md,.avatar{border-radius:10px;width:40px;height:40px}.avatar-lg{border-radius:16px;width:62px;height:62px;font-size:22px}.list-pane{border-right:1px solid var(--glass-border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff57;overflow:hidden}.pane-header,.chat-header{justify-content:space-between;align-items:center;gap:14px;padding:20px;display:flex}.eyebrow{color:#a25f53;text-transform:uppercase;margin-bottom:3px;font-size:12px;display:block}.pane-header h2,.chat-title h2{font-size:24px;line-height:1.1}.search-box{height:42px;color:var(--muted);background:#ffffff8f;border:1px solid #4252531a;border-radius:8px;align-items:center;gap:8px;margin:0 16px 12px;padding:0 12px;display:flex}.search-box.compact{margin:0}.search-box input{height:38px;box-shadow:none;background:0 0;border:0;flex:1;padding:0}.conversation-list{height:calc(100svh - 124px);padding:0 10px 16px;overflow:auto}.conversation-row{text-align:left;width:100%;color:var(--text);background:0 0;border-radius:8px;padding:12px;position:relative}.conversation-row.active{box-shadow:var(--shadow-sm);background:#ffffffc7}.stacked-avatar{color:#3d7370;background:#ffffff9e;border-radius:11px;flex:none;place-items:center;width:42px;height:42px;display:grid}.stacked-avatar.large{width:48px;height:48px}.conversation-copy{flex:1;min-width:0}.row-line{justify-content:space-between;align-items:center;gap:10px;display:flex}.row-line strong,.conversation-copy p,.message-meta,.read-line{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-line time,.message-meta,.read-line{color:var(--muted);font-size:12px}.conversation-copy p{align-items:center;gap:5px;margin:3px 0 0;font-size:13px;display:flex}.badge{color:#fff;background:#c86c5f;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;font-weight:700;display:grid}.chat-pane{grid-template-rows:auto minmax(0,1fr) auto auto;min-width:0;display:grid}.chat-header{border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffff61}.chat-title,.chat-actions{align-items:center;gap:12px;min-width:0;display:flex}.mobile-list-button{display:none}.chat-actions{flex-wrap:wrap;justify-content:flex-end}.security-pill{color:#2f6d61;white-space:nowrap;text-overflow:ellipsis;background:#e6f6eeb8;border:1px solid #4678682e;border-radius:999px;align-items:center;gap:7px;max-width:320px;min-height:36px;padding:0 12px;display:inline-flex;overflow:hidden}.message-scroll{min-height:0;padding:22px;overflow:auto}.load-earlier-row{justify-content:center;padding-bottom:10px;display:flex}.message-line{align-items:flex-end;gap:9px;margin:10px 0;display:flex}.message-line.mine{justify-content:flex-end}.bubble-wrap{max-width:min(68%,680px)}.message-line.mine .bubble-wrap{align-items:flex-end}.message-meta{gap:7px;margin:0 0 4px 4px;display:flex}.message-line.mine .message-meta,.message-line.mine .read-line{justify-content:flex-end}.bubble{min-width:72px;color:var(--text);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffad;border:1px solid #ffffffa8;border-radius:8px;padding:10px 12px;position:relative}.message-line.mine .bubble{color:#fff;background:linear-gradient(135deg,#417b7cf0,#4f8f7ef0)}.bubble.warning{color:#8b3f34;background:#ffece7d9}.bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.bubble-lock{color:#4b7c70;box-sizing:content-box;background:#ffffffe0;border-radius:50%;padding:3px;position:absolute;top:-5px;right:-5px}.message-menu{opacity:0;position:absolute;top:4px;right:4px}.bubble:hover .message-menu,.message-menu:focus-within{opacity:1}.popover{z-index:5;border:1px solid var(--glass-border);min-width:136px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border-radius:8px;gap:4px;padding:6px;display:grid;position:absolute;top:34px;right:0}.popover button{color:var(--text);background:0 0;border-radius:7px;justify-content:flex-start;padding:8px}.popover button:hover{background:#4b787414}.read-line{align-items:center;gap:4px;margin-top:4px;display:flex}.attachment-card,.voice-card{color:inherit;background:0 0;border:0}.attachment-card{text-align:left;padding:2px 0}.attachment-card span,.voice-card{gap:2px;display:grid}.attachment-card small,.voice-card small{opacity:.72}.voice-card audio{width:min(280px,58vw)}.voice-card button{min-height:34px;color:var(--text);background:#ffffffb8;border-radius:8px;padding:0 12px}.editing-bar,.inline-error{margin:0 18px 10px}.editing-bar{color:#725934;background:#fff6dddb;border-radius:8px;align-items:center;gap:8px;padding:9px 12px;display:flex}.editing-bar button{color:inherit;background:0 0;margin-left:auto}.composer{border-top:1px solid var(--glass-border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff61;grid-template-columns:auto auto minmax(0,1fr) auto;gap:9px;padding:14px 18px 18px;display:grid}.composer input{border-radius:8px;height:44px}.send-button{width:44px;padding:0}.content-pane{grid-column:2/-1;padding:0 20px 22px;overflow:auto}.content-grid,.settings-grid{grid-template-columns:repeat(2,minmax(240px,1fr));gap:16px;display:grid}.settings-grid{grid-template-columns:repeat(3,minmax(220px,1fr))}.glass-section{border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffff75;border-radius:8px;padding:16px}.glass-section h3{margin:0;font-size:18px}.stretch{margin-top:16px}.invite-input{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.small-list,.code-list,.contact-list{gap:8px;display:grid}.person-row,.code-row,.profile-card,.key-card,.toggle-row{align-items:center;gap:11px;display:flex}.person-row,.code-row,.key-card,.toggle-row{background:#ffffff80;border:1px solid #42525317;border-radius:8px;min-height:50px;padding:9px}.person-row span,.code-row div,.key-card span{gap:2px;min-width:0;display:grid}.person-row.as-button,.toggle-row{width:100%;color:var(--text);text-align:left;justify-content:flex-start}.person-row.as-button svg:last-child{margin-left:auto}.person-row.selected{background:#ebf7f1d6;border-color:#4f8a8b61}.code-row.muted{opacity:.56}.code-row .mini-icon:first-of-type{margin-left:auto}.profile-card{align-items:end}.profile-card label{flex:1}.color-grid{grid-template-columns:repeat(6,28px);gap:8px;display:grid}.color-swatch{background:var(--swatch);width:28px;height:28px;box-shadow:var(--shadow-sm);border:2px solid #ffffffe6;border-radius:8px}.color-swatch.active{outline-offset:2px;outline:2px solid #356e716b}.success-copy{color:#2f6d61;margin:0;font-size:13px}.toggle-row .switch{background:#6f797a40;border-radius:999px;width:38px;height:22px;margin-left:auto;position:relative}.toggle-row .switch:after{content:"";width:16px;height:16px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;transition:transform .18s cubic-bezier(.2,.8,.2,1);position:absolute;top:3px;left:3px}.toggle-row .switch.on{background:#4f8a8b}.toggle-row .switch.on:after{transform:translate(16px)}.empty-state{min-height:180px;color:var(--muted);text-align:center;place-items:center;gap:8px;padding:18px;display:grid}.admin-pane{align-content:start;gap:16px;display:grid}.admin-stats{grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;display:grid}.stat-card span,.stat-card small{color:var(--muted)}.stat-card strong{font-size:clamp(24px,4vw,36px);line-height:1}.section-title-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.admin-search{width:min(320px,100%)}.admin-user-list{gap:10px;display:grid}.admin-user-row{background:#ffffff8c;border:1px solid #42525317;border-radius:8px;grid-template-columns:auto minmax(160px,1fr) auto minmax(220px,300px);align-items:center;gap:12px;padding:12px;display:grid}.admin-user-row.disabled{opacity:.62}.admin-user-main{gap:3px;min-width:0;display:grid}.admin-user-main small{color:var(--muted)}.admin-user-actions,.password-reset{align-items:center;gap:8px;display:flex}.password-reset input{min-width:0}.empty-state strong{color:var(--text)}.modal-backdrop,.call-overlay{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#34393742;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal,.call-card{border:1px solid var(--glass-border);width:min(420px,100%);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffffd1;border-radius:8px}.modal{padding:16px}.modal header{justify-content:space-between;align-items:center;display:flex}.modal h3{margin:0}.modal-list{gap:8px;max-height:260px;overflow:auto}.group-settings-modal{width:min(520px,100%)}.inline-control{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.member-cloud{flex-wrap:wrap;gap:8px;display:flex}.member-chip{background:#ffffff8f;border:1px solid #42525317;border-radius:8px;align-items:center;gap:7px;min-height:38px;padding:4px 9px 4px 4px;display:inline-flex}.member-chip small{color:#3d7370;font-size:12px}.modal-subsection{gap:10px;display:grid}.modal-subsection h4{margin:0;font-size:15px}.compact-list{max-height:220px}.call-card{place-items:center;gap:10px;padding:24px;display:grid}.call-actions{gap:12px;margin-top:8px;display:flex}@media (width<=920px){.app-shell{grid-template-rows:minmax(0,1fr) 68px;grid-template-columns:1fr}.rail{z-index:10;border:1px solid var(--glass-border);height:56px;min-height:0;box-shadow:var(--shadow-lg);border-radius:8px;grid-template-columns:minmax(0,1fr) 48px;gap:8px;display:grid;position:fixed;bottom:12px;left:12px;right:12px}.rail-brand,.rail-user svg{display:none}.rail nav{grid-template-columns:repeat(auto-fit,minmax(54px,1fr));width:auto;min-width:0}.rail button{flex-direction:column;gap:2px;width:100%;min-height:42px}.rail button span{white-space:nowrap;font-size:11px;line-height:1;display:block}.rail-user{width:48px;margin:0}.list-pane,.chat-pane,.content-pane{min-height:calc(100svh - 80px)}.list-pane{display:none}.app-shell.mobile-list-open .list-pane{border-right:0;grid-column:1;padding-bottom:76px;display:block}.app-shell.mobile-list-open .chat-pane{display:none}.chat-pane,.content-pane{grid-column:1}.mobile-list-button{display:inline-flex}.chat-title{flex:1}.chat-title h2{text-overflow:ellipsis;white-space:nowrap;max-width:42vw;overflow:hidden}.content-pane{padding:0 14px 86px}.content-grid,.settings-grid{grid-template-columns:1fr}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.section-title-row,.admin-user-actions,.password-reset{flex-direction:column;align-items:stretch}.admin-user-row{grid-template-columns:auto minmax(0,1fr)}.admin-user-actions,.password-reset{grid-column:1/-1}.bubble-wrap{max-width:84%}.chat-header{align-items:flex-start}.chat-actions{gap:7px}.security-pill{max-width:160px}.composer{grid-template-columns:auto auto minmax(0,1fr) auto;padding-bottom:88px}}