@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{color:#292832;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--bg:#f5f5f6;--panel:#fff;--surface:#f1f0f3;--surface-hover:#eae9ed;--accent:#706783;--blue:#7b8191;--violet:#8b809c;--text:#292832;--muted:#777681;--line:#e7e6e9;--success:#4f846e;--danger:#b65f6a;--sans:"DM Sans", "Segoe UI", sans-serif;--display:"Manrope", "DM Sans", sans-serif;font-synthesis:none;background:#f5f5f6;font-family:DM Sans,Segoe UI,sans-serif;font-weight:400}[data-theme=dark]{color:#e5e4ea;--bg:#111015;--panel:#18171f;--surface:#201f29;--surface-hover:#292835;--accent:#9f96b6;--blue:#939aa9;--violet:#b5a9cb;--text:#e5e4ea;--muted:#9594a1;--line:#292833;--success:#5fa58a;--danger:#cf7481;background:#111015}[data-theme=dark] .rail,[data-theme=dark] .sidebar,[data-theme=dark] .chat-header,[data-theme=dark] .composer,[data-theme=dark] .auth-card,[data-theme=dark] .setup-card,[data-theme=dark] .settings-overview-card,[data-theme=dark] .settings-overview-details>div,[data-theme=dark] .message-bubble,[data-theme=dark] .message-actions,[data-theme=dark] .reaction-badge,[data-theme=dark] .toast,[data-theme=dark] .mobile-nav{color:#e5e4ea!important;background:#18171f!important;border-color:#2b2938!important}[data-theme=dark] .main-panel,[data-theme=dark] .chat-body,[data-theme=dark] .auth-page,[data-theme=dark] .setup-page{background:#111015!important}[data-theme=dark] .bubble-own{color:#eee9f9!important;background:#2b2738!important;border-color:#3e3852!important}[data-theme=dark] .search-field,[data-theme=dark] .auth-form input,[data-theme=dark] .profile-form input,[data-theme=dark] .profile-form textarea,[data-theme=dark] .composer-banner,[data-theme=dark] .load-older,[data-theme=dark] .first-message,[data-theme=dark] .conversation-row:hover,[data-theme=dark] .person-card{color:#e5e4ea!important;background:#201f2a!important;border-color:#2d2b3b!important}[data-theme=dark] .composer textarea,[data-theme=dark] .search-field input{color:#e5e4ea!important}[data-theme=dark] .conversation-row.selected{background:#272435!important;border-color:#39354d!important}[data-theme=dark] .sidebar-header h1,[data-theme=dark] .conversation-name,[data-theme=dark] .person-details strong,[data-theme=dark] .chat-header-person strong,[data-theme=dark] .auth-card h1,[data-theme=dark] .settings-overview-heading h2,[data-theme=dark] .settings-overview-card strong{color:#f1f0f5!important}[data-theme=dark] .sidebar-kicker,[data-theme=dark] .list-heading,[data-theme=dark] .settings-section-title,[data-theme=dark] .conversation-preview,[data-theme=dark] .chat-header-person span,[data-theme=dark] .chat-intro p,[data-theme=dark] .message-meta,[data-theme=dark] .composer-note,[data-theme=dark] .settings-overview-heading p{color:#9795a4!important}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:var(--bg);min-height:100vh}button,input,textarea{font:inherit}button{color:inherit}button:disabled{cursor:not-allowed}a{color:inherit}::selection{color:#fff;background:#706783}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.brand-mark{width:52px;height:52px;color:var(--accent);background:linear-gradient(145deg,#53e0ef29,#5b8cff1a);border:1px solid #53e0ef42;border-radius:17px;flex:none;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff14,0 10px 40px #21a2d214}.brand-mark svg{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:35px;height:35px}.brand-mark-small svg{width:30px;height:30px}.live-dot,.connection-indicator i{background:var(--success);border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 12px #56e0b0a6}.eyebrow{color:#a4afc6;letter-spacing:.16em;align-items:center;gap:9px;font-size:10px;font-weight:700;display:inline-flex}.button{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:0 18px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button-primary:disabled{opacity:.7}.button-secondary:hover{background:#fff1;border-color:#53e0ef4d}.button-full{width:100%}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.setup-page{background:radial-gradient(ellipse at 50% 20%, #20566f2e, transparent 50%), var(--bg);place-items:center;min-height:100svh;padding:36px 20px;display:grid;position:relative;overflow:hidden}.setup-card{z-index:1;background:linear-gradient(145deg,#141d2ef7,#0d1320fa);border:1px solid #7c96c029;border-radius:24px;width:min(100%,520px);padding:38px;position:relative;box-shadow:0 32px 100px #0006}.setup-card>.brand-mark{margin-bottom:30px}.setup-card h1{font-family:var(--display);letter-spacing:-.055em;margin:15px 0 12px;font-size:clamp(29px,5vw,40px);line-height:1.17}.setup-card>p{max-width:430px;color:var(--muted);margin:0;font-size:13px;line-height:1.7}.setup-steps{gap:10px;margin:28px 0;display:grid}.setup-steps>div{background:#ffffff06;border:1px solid #899dbf21;border-radius:13px;align-items:center;gap:14px;min-height:68px;padding:12px 14px;display:flex}.setup-steps>div>span{width:33px;height:33px;color:var(--accent);font-family:var(--display);background:#53e0ef17;border-radius:10px;flex:none;place-items:center;font-size:11px;font-weight:800;display:grid}.setup-steps section{gap:4px;display:grid}.setup-steps strong{font-size:12px;font-weight:600}.setup-steps small{color:var(--muted);font-size:11px}.setup-steps code{color:#d0c3ff;font-size:11px}.setup-card .button{width:100%}.outbound-icon{transform:rotate(-45deg)}.setup-note{bottom:max(25px, env(safe-area-inset-bottom));color:#7d89a1;justify-content:center;align-items:center;gap:8px;font-size:11px;display:flex;position:absolute}.setup-note svg{color:#eda879}.auth-page{background:radial-gradient(ellipse at 50% 38%, #1f526824, transparent 46%), var(--bg);place-items:center;min-height:100svh;padding:100px 20px 70px;display:grid;position:relative;overflow:hidden}.auth-glow{filter:blur(130px);pointer-events:none;opacity:.12;border-radius:50%;width:350px;height:350px;position:absolute}.auth-glow-one{background:#53e0ef;top:10%;left:-180px}.auth-glow-two{background:#895bff;bottom:-100px;right:-170px}.auth-brand{font-family:var(--display);letter-spacing:-.045em;align-items:center;gap:11px;font-size:20px;font-weight:800;display:flex;position:absolute;top:35px;left:max(36px,50% - 560px)}.auth-brand .brand-mark{border-radius:14px;width:42px;height:42px}.auth-brand .brand-mark svg{width:29px;height:29px}.auth-card{z-index:1;background:linear-gradient(145deg,#131b2bf5,#0d121ff5);border:1px solid #849dc529;border-radius:22px;width:min(100%,430px);padding:38px 38px 30px;animation:.38s both card-in;box-shadow:0 28px 90px #00000059}@keyframes card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-card-head{margin-bottom:26px}.auth-card h1{font-family:var(--display);letter-spacing:-.055em;margin:15px 0 9px;font-size:31px;line-height:1.2}.auth-card-head>p,.auth-card>p{color:var(--muted);font-size:13px;line-height:1.65}.auth-form{gap:16px;display:grid}.auth-form label,.profile-form label{color:#bcc6d8;gap:8px;font-size:11px;font-weight:600;display:grid}.auth-form input,.profile-form input,.profile-form textarea{width:100%;min-width:0;height:45px;color:var(--text);background:#080c1694;border:1px solid #8b9ec033;border-radius:10px;outline:none;padding:0 13px;font-size:12px;transition:border-color .2s,box-shadow .2s}.input-prefix{background:#080c1694;border:1px solid #8b9ec033;border-radius:10px;align-items:center;height:45px;display:flex;overflow:hidden}.input-prefix>span{color:#8290a9;padding-left:13px;font-size:12px}.input-prefix input{background:0 0;border:0;box-shadow:none!important}.auth-submit{width:100%;min-height:48px;margin-top:5px}.button-arrow{margin-left:auto;transform:rotate(-45deg)}.auth-foot{color:#8490a8;justify-content:space-between;align-items:center;gap:10px;margin-top:20px;font-size:11px;display:flex}.text-button{color:#aab6cb;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px}.text-button.strong{font-weight:700}.auth-footer{color:#69758b;justify-content:center;align-items:center;gap:7px;font-size:10px;display:flex;position:absolute;bottom:30px}.form-message{margin:0;font-size:11px;line-height:1.55}.form-error{color:var(--danger)}.form-success{color:var(--success)}.recovery-card>.eyebrow{margin-bottom:16px}.recovery-card h1{margin-top:0}.app-shell{background:var(--bg);grid-template-columns:72px 340px minmax(0,1fr);height:100svh;min-height:560px;display:grid;overflow:hidden}.rail{z-index:4;background:#0c111d;border-right:1px solid #899dbf1c;flex-direction:column;align-items:center;padding:20px 0 15px;display:flex}.rail-brand{cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.rail-nav,.rail-bottom{justify-items:center;gap:12px;width:100%;display:grid}.rail-nav{margin-top:36px}.rail-bottom{margin-top:auto}.rail-button,.rail-profile{color:#75829a;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:13px;place-items:center;width:42px;height:42px;transition:color .18s,background .18s,border-color .18s;display:grid;position:relative}.rail-badge{color:#091117;min-width:13px;font-size:8px;font-weight:800;position:absolute;top:5px;right:4px}.rail-profile{overflow:visible}.sidebar{border-right:1px solid var(--line);background:var(--panel);flex-direction:column;min-width:0;display:flex}.sidebar-header{justify-content:space-between;align-items:center;min-height:93px;padding:20px 21px 16px;display:flex}.sidebar-kicker{color:#77849b;letter-spacing:.15em;font-size:9px;font-weight:700}.sidebar-header h1{font-family:var(--display);letter-spacing:-.04em;margin:5px 0 0;font-size:22px;font-weight:700}.icon-button{color:#95a1b7;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;transition:color .18s,background .18s,border-color .18s;display:inline-grid}.icon-button:disabled{color:#55627a}.search-field{color:#73819a;background:#04081038;border:1px solid #879abe21;border-radius:10px;align-items:center;gap:9px;height:40px;margin:0 16px 21px;padding:0 11px;display:flex}.search-field:focus-within{border-color:#53e0ef61}.search-field input{color:#e9effb;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0;font-size:11px}.search-field kbd{color:#6d7a93;white-space:nowrap;border:1px solid #879abe2b;border-radius:5px;padding:3px 5px;font-family:inherit;font-size:9px}.list-heading{color:#718099;letter-spacing:.13em;justify-content:space-between;align-items:center;padding:0 21px 10px;font-size:9px;font-weight:700;display:flex}.subtle-count{color:#65728a;background:0 0;padding:0;font-size:10px}.conversation-list{flex:1;padding:0 8px 20px;overflow:auto}.conversation-row{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:11px;width:100%;min-height:67px;padding:9px 10px;transition:background .16s,border-color .16s;display:flex}.conversation-row:hover{background:#ffffff09}.avatar{color:#d2e7fb;width:42px;height:42px;font-family:var(--display);background:linear-gradient(145deg,#53e0ef33,#5b8cff33,#a77bff29);border:1px solid #9db2db2b;border-radius:15px;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid;position:relative;overflow:hidden}.avatar-small{border-radius:12px;width:35px;height:35px;font-size:11px}.avatar-large{border-radius:17px;width:50px;height:50px;font-size:15px}.avatar-hero{border-radius:23px;width:68px;height:68px;font-size:19px}.avatar-message{border-radius:9px;width:25px;height:25px;font-size:9px}.avatar-online{border:2px solid var(--panel);background:var(--success);border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.conversation-copy{flex:1;gap:4px;min-width:0;display:grid}.conversation-name{color:#e5ebf7;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.creator-badge{color:#84621b;vertical-align:middle;white-space:nowrap;background:linear-gradient(110deg,#fff5d5,#fffaf0);border:1px solid #e8dcac;border-radius:999px;align-items:center;gap:4px;width:fit-content;margin-left:7px;padding:3px 7px;font-size:9px;font-weight:700;line-height:1;display:inline-flex}.creator-badge svg{color:#bd8a19;flex:none}.conversation-preview{color:#8491a8;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.conversation-meta{color:#748199;align-self:stretch;justify-items:end;gap:6px;padding:2px 0;font-size:9px;display:grid}.unread-dot{color:#071219;background:var(--accent);border-radius:99px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9px;font-weight:800;display:grid}.sidebar-empty{color:#8491a8;text-align:center;justify-items:center;padding:55px 25px;display:grid}.empty-icon{width:42px;height:42px;color:var(--accent);background:#53e0ef0f;border:1px solid #53e0ef26;border-radius:14px;place-items:center;margin-bottom:14px;display:grid}.sidebar-empty strong{color:#dbe4f3;font-size:12px}.sidebar-empty p{max-width:200px;margin:7px 0 14px;font-size:10px;line-height:1.6}.sidebar-footer{border-top:1px solid #899dbf1a;justify-content:space-between;align-items:center;min-height:42px;padding:0 17px;display:flex}.connection-indicator{color:#8d99af;align-items:center;gap:7px;font-size:9px;display:inline-flex}.connection-indicator i{width:6px;height:6px}.connection-indicator.offline i{background:var(--danger);box-shadow:0 0 8px #ff7b9166}.connection-indicator.reconnecting i{background:#f1bd76;box-shadow:0 0 8px #f1bd7659}.version-label{color:#58657b;letter-spacing:.13em;font-size:8px}.contacts-content,.settings-content{flex:1;padding:0 15px 24px;overflow:auto}.section-description{color:#8a97af;margin:-4px 5px 17px;font-size:11px;line-height:1.6}.contacts-content .search-field{margin:0 0 18px}.clear-search{color:#73819a;cursor:pointer;background:0 0;border:0;place-items:center;padding:2px;display:grid}.inline-loading{color:#9aa8be;align-items:center;gap:8px;padding:18px 4px;font-size:11px;display:flex}.search-hint{color:#68758d;text-align:center;justify-items:center;padding:32px 15px;display:grid}.search-hint svg{color:#71839f;margin-bottom:11px}.search-hint p{max-width:230px;font-size:11px;line-height:1.6}.person-card{background:#ffffff05;border:1px solid #899dbf1a;border-radius:13px;align-items:center;gap:11px;min-width:0;padding:11px 9px;display:flex}.person-details{flex:1;gap:3px;min-width:0;display:grid}.person-details strong{color:#e2eafa;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.person-details>span{color:#8390a8;font-size:10px}.person-details p{color:#8d99ae;margin:4px 0 0;font-size:10px;line-height:1.45}.settings-content{padding-top:4px}.settings-profile{align-items:center;gap:12px;padding:14px 5px 21px;display:flex}.settings-profile>div{gap:4px;display:grid}.settings-profile strong{font-size:12px}.settings-profile span:not(.avatar){color:#8491a8;font-size:10px}.settings-section-title{color:#738099;letter-spacing:.13em;padding:14px 5px 9px;font-size:9px;font-weight:700}.settings-link{color:#a6b2c7;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #899dbf1a;align-items:center;gap:11px;width:100%;min-height:42px;padding:8px 7px;font-size:10px;text-decoration:none;display:flex}.settings-link>span:nth-child(2){flex:1}.profile-form{gap:12px;padding:11px 5px 16px;display:grid}.profile-form label{color:#929fb5;gap:6px;font-size:10px}.profile-form input,.profile-form textarea{border-radius:9px;height:38px;padding:0 10px;font-size:11px}.profile-form textarea{resize:vertical;height:auto;padding:9px 10px}.profile-form .button{min-height:40px;font-size:11px}.toggle{background:#39445a;border-radius:99px;align-items:center;width:30px;height:17px;padding:2px;transition:background .2s;display:flex;justify-content:flex-start!important}.toggle i{background:#dce4f2;border-radius:50%;width:13px;height:13px;transition:transform .2s;display:block}.toggle.is-on i{background:#101522;transform:translate(13px)}.main-panel{background:radial-gradient(at 52% 42%,#1d345317,#0000 52%),#0c111c;flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.chat-header{background:#0e1421e0;border-bottom:1px solid #899dbf1f;align-items:center;gap:11px;min-height:72px;padding:0 26px;display:flex}.chat-header-person{gap:3px;min-width:0;display:grid}.chat-header-person strong{color:#eaf0fb;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.chat-header-person span{color:#8491a8;font-size:10px}.chat-header-actions{align-items:center;gap:5px;margin-left:auto;display:flex}.back-button{display:none}.chat-body{scroll-behavior:smooth;flex:1;padding:16px clamp(18px,5vw,78px) 25px;overflow:auto}.chat-intro{text-align:center;justify-items:center;padding:20px 0 22px;display:grid}.chat-intro .avatar{margin-bottom:12px}.chat-intro .eyebrow{font-size:8px}.chat-intro h2{font-family:var(--display);letter-spacing:-.03em;margin:6px 0 4px;font-size:17px}.chat-intro p{color:#8390a7;margin:0;font-size:10px}.conversation-start{color:#6f7e97;align-items:center;gap:7px;margin-top:13px;font-size:9px;display:flex}.conversation-start span{background:#6d7e99;border-radius:50%;width:4px;height:4px}.load-older{color:#91a0b7;cursor:pointer;background:#ffffff06;border:1px solid #899dbf1f;border-radius:99px;justify-content:center;align-items:center;gap:7px;margin:0 auto 17px;padding:8px 12px;font-size:10px;display:flex}.load-older:hover{color:var(--accent);border-color:#53e0ef40}.messages-loading{color:#8390a8;justify-content:center;align-items:center;gap:8px;padding:20px;font-size:11px;display:flex}.first-message{color:#8390a8;text-align:center;background:#53e0ef09;border:1px solid #53e0ef1a;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:fit-content;max-width:450px;margin:0 auto 21px;padding:10px 14px;font-size:10px;line-height:1.5;display:flex}.first-message svg{color:var(--accent);flex:none}.date-divider{color:#748199;align-items:center;gap:15px;margin:9px 0 17px;font-size:9px;display:flex}.date-divider:before,.date-divider:after{content:"";background:#899dbf21;flex:1;height:1px}.message-day-group{max-width:850px;margin:0 auto}.message-row{align-items:flex-end;gap:8px;margin:10px 0;animation:.18s both message-in;display:flex}@keyframes message-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.message-own{justify-content:flex-end}.message-content{gap:4px;max-width:min(74%,610px);display:grid}.message-bubble{color:#dce4f2;overflow-wrap:anywhere;background:#161e2e;border:1px solid #91a4c921;border-radius:14px 14px 14px 4px;padding:10px 13px;box-shadow:0 5px 20px #00000014}.message-bubble p{white-space:pre-wrap;margin:0;font-size:12px;line-height:1.58}.bubble-own{color:#e5f8fc;background:linear-gradient(130deg,#2e728d7a,#314b7c85);border-color:#53e0ef24;border-radius:14px 14px 4px}.message-meta{color:#76839a;justify-content:flex-end;align-items:center;gap:5px;min-height:14px;padding:0 2px;font-size:8px;display:flex}.message-bubble a{color:#9c87ff;overflow-wrap:anywhere;text-underline-offset:2px;text-decoration:underline}.message-pending{color:#b6a879}.retry-button{color:#ff9aab;cursor:pointer;background:0 0;border:0;padding:0;font-size:8px}.conversation-alert{color:#ff9bac;background:#751f3129;border:1px solid #ff7b9133;border-radius:10px;width:fit-content;max-width:80%;margin:13px auto;padding:9px 12px;font-size:10px}.composer{background:#131b2a;border:1px solid #8da1c72b;border-radius:15px;align-items:flex-end;gap:10px;width:min(100% - 56px,900px);min-height:54px;margin:0 auto;padding:8px 9px 8px 13px;display:flex;box-shadow:0 10px 36px #00000026}.composer textarea{color:#eaf1fb;resize:none;background:0 0;border:0;outline:0;flex:1;min-width:0;min-height:34px;max-height:140px;padding:8px 0;font-size:12px;line-height:1.5}.composer textarea::placeholder{color:#78869d}.send-button{color:#071219;background:var(--accent);cursor:pointer;border:0;border-radius:11px;flex:none;place-items:center;width:36px;height:36px;transition:transform .16s,opacity .16s,box-shadow .16s;display:grid}.send-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 18px #53e0ef38}.composer-shortcut{color:#66748b;align-self:center;font-size:10px}.composer-note{color:#637087;justify-content:center;align-items:center;gap:16px;min-height:29px;font-size:8px;display:flex}.composer-security{color:#74859d;align-items:center;gap:4px;display:inline-flex}.empty-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:35px;display:flex;position:relative;overflow:hidden}.empty-orbit{width:76px;height:76px;color:var(--accent);background:linear-gradient(145deg,#53e0ef1f,#5b8cff0e);border:1px solid #53e0ef2e;border-radius:25px;place-items:center;margin-bottom:24px;display:grid;box-shadow:0 0 55px #53e0ef12,inset 0 1px #ffffff0d}.empty-state>.eyebrow{font-size:9px}.empty-state h2{font-family:var(--display);letter-spacing:-.05em;margin:11px 0 8px;font-size:clamp(20px,3vw,27px)}.empty-state>p{color:#8a97af;max-width:380px;margin:0 0 20px;font-size:12px;line-height:1.7}.empty-state .button{min-height:40px;font-size:11px}.empty-decoration{opacity:.7;align-items:center;gap:6px;display:flex;position:absolute;bottom:32px}.empty-decoration span{background:#52617b;border-radius:50%;width:4px;height:4px}.empty-decoration span:nth-child(2){background:linear-gradient(90deg, var(--accent), var(--blue));border-radius:99px;width:16px}.settings-empty .brand-mark{margin-bottom:20px}.settings-empty>p{max-width:330px}.mobile-nav{display:none}.toast{z-index:10;color:#dce8f8;text-align:left;cursor:pointer;background:#172235;border:1px solid #53e0ef2e;border-radius:12px;align-items:center;gap:10px;max-width:min(380px,100vw - 32px);padding:13px 15px;font-size:11px;animation:.2s both card-in;display:flex;position:fixed;bottom:25px;right:22px;box-shadow:0 14px 50px #0006}.toast svg:first-child{color:var(--accent);flex:none}.toast svg:last-child{color:#7f8da5;flex:none}.toast span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width>=1500px){.app-shell{grid-template-columns:76px 370px minmax(0,1fr)}.chat-body{padding-inline:clamp(60px,8vw,150px)}}@media (width<=900px){.app-shell{grid-template-columns:64px minmax(285px,34vw) minmax(0,1fr)}.chat-header{padding-inline:18px}.chat-body{padding-inline:24px}.composer{width:calc(100% - 34px)}}@media (width<=680px){.app-shell{height:100svh;min-height:0;display:block;position:relative}.rail{display:none}.sidebar{inset:0 0 calc(64px + env(safe-area-inset-bottom));z-index:2;border:0;display:none;position:absolute}.sidebar.sidebar-visible{display:flex}.sidebar-header{min-height:79px;padding:13px 18px 11px}.sidebar-header h1{font-size:21px}.search-field{margin:0 15px 18px}.list-heading{padding-inline:19px}.conversation-list{padding-inline:8px}.main-panel{inset:0 0 calc(64px + env(safe-area-inset-bottom));z-index:3;display:none;position:absolute}.main-panel.main-visible{display:flex}.app-shell.has-active-chat .main-panel.main-visible{bottom:0}.app-shell.has-active-chat .main-panel.main-visible~.mobile-nav{display:none}.mobile-nav{z-index:5;min-height:calc(63px + env(safe-area-inset-bottom));padding:7px 10px max(7px, env(safe-area-inset-bottom));background:#0e1420fa;border-top:1px solid #899dbf21;justify-content:space-around;display:flex;position:absolute;bottom:0;left:0;right:0}.mobile-nav button{color:#78869e;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:9px;display:flex}.mobile-nav button.active{color:var(--accent)}.chat-header{gap:9px;min-height:62px;padding:0 12px}.back-button{width:32px;display:grid}.chat-header-actions{gap:0}.chat-header-actions .icon-button{width:34px}.chat-body{padding:10px 14px 17px}.chat-intro{padding:12px 0 17px}.chat-intro .avatar{border-radius:18px;width:54px;height:54px;margin-bottom:8px}.message-content{max-width:83%}.message-bubble{padding:9px 11px}.message-bubble p{font-size:12px}.composer{border-radius:13px;gap:6px;width:calc(100% - 20px);min-height:49px;padding:6px 7px 6px 9px}.composer textarea{min-height:32px;font-size:12px}.send-button{width:34px;height:34px}.composer-note{justify-content:space-between;gap:4px;padding:0 13px;font-size:7px}.composer-note>span:nth-child(2){display:none}.empty-state{padding:24px}.setup-card{border-radius:19px;padding:28px 22px 25px}.setup-card>.brand-mark{margin-bottom:24px}.setup-card h1{font-size:31px}.setup-note{width:100%;padding-inline:10px;font-size:9px}.auth-brand{top:20px;left:20px}.auth-card{border-radius:19px;padding:29px 23px 24px}.auth-card h1{font-size:27px}.auth-footer{font-size:9px;bottom:17px}.toast{right:12px;bottom:calc(72px + env(safe-area-inset-bottom))}}@media (width<=370px){.chat-header-actions .icon-button:last-child{display:none}.composer-note{justify-content:center}.composer-note>span:first-child{display:none}.sidebar-footer{padding-inline:12px}}.rail{border-color:var(--line)}.rail-button,.rail-profile{color:#85839a}.sidebar{border-color:var(--line)}.search-field{color:#918fa3;background:#f8f8fb;border-color:#e9e8f0}.search-field kbd{border-color:#e7e5ed}.avatar-online{border-color:#fff}.sidebar-empty strong{color:#302e43}.sidebar-empty,.sidebar-empty p{color:#858398}.sidebar-footer{border-color:var(--line)}.icon-button{color:#77768b}.icon-button:hover:not(:disabled){color:#302c4a;background:#f5f4fa;border-color:#e7e4f0}.icon-button-accent{color:var(--accent);background:#f4f1ff;border-color:#e7e2fb}.icon-button-accent:hover{color:#5141bd;background:#ece8ff}.person-card{border-color:#ecebf2}.profile-form label,.auth-form label{color:#5f5d72}.auth-form input,.profile-form input,.profile-form textarea{color:#302e43;background:#fafafd;border-color:#e6e5ed}.auth-form input::placeholder{color:#aaa8b7}.input-prefix>span{color:#858398}.input-prefix input{background:0 0}.toggle i,.toggle.is-on i{background:#fff}.main-panel{background:#f7f7fb}.chat-header{border-color:var(--line);background:#ffffffeb}.chat-body{background:#f7f7fb}.message-meta svg{color:#7667d9}.message-bubble a{color:#5948c4}.search-field kbd{min-width:max-content}.first-message,.load-older{color:#77758a;background:#f1eff9;border-color:#e9e5f7}.composer textarea::placeholder,.composer-shortcut{color:#a09eae}.send-button{color:#fff;background:var(--accent)}.send-button:hover:not(:disabled){box-shadow:0 5px 18px #6857d93d}.empty-orbit{color:var(--accent);background:linear-gradient(145deg,#f0edff,#eef2ff);border-color:#e6e1fa;box-shadow:0 12px 40px #6857d914}.empty-decoration span{background:#c8c5d5}.empty-decoration span:nth-child(2){background:linear-gradient(90deg, var(--accent), var(--blue))}.toast svg:last-child{color:#858398}.mobile-nav{border-color:var(--line);background:#fffffff7}.auth-page,.setup-page{background:radial-gradient(at 50% 12%,#6857d917,#0000 48%),#f7f7fb}.auth-glow{opacity:.07}.auth-card,.setup-card{background:#fffffff5;border-color:#e9e7f0;box-shadow:0 24px 80px #29244d1a}.auth-card h1,.setup-card h1{color:#29273d}.auth-foot,.text-button,.setup-steps small,.setup-note,.auth-footer{color:#858398}.auth-form input,.setup-steps>div{background:#fafafd}.auth-form input{box-shadow:none}.setup-steps>div{border-color:#ecebf2}.setup-steps strong{color:#39374c}.button-primary{color:#fff;background:var(--accent);box-shadow:0 7px 22px #6857d933}.button-primary:hover:not(:disabled){box-shadow:0 9px 26px #6857d947}.setup-card h1>span,.auth-card h1>span,.text-button:hover,.text-button.strong{color:var(--accent)}.auth-footer svg{color:#858398}.empty-state>.eyebrow{color:#77758a}.empty-state .button-secondary{color:#5141bd}.settings-overview{color:var(--text);align-content:center;gap:20px;width:min(660px,100% - 64px);margin:auto;padding:48px 0;display:grid}.settings-overview-heading h2{color:#29273d;font-family:var(--display);letter-spacing:-.05em;margin:10px 0 6px;font-size:clamp(26px,3vw,36px)}.settings-overview-heading p{color:#77768b;margin:0;font-size:14px}.settings-overview-card{background:#fff;border:1px solid #eae8f0;border-radius:18px;align-items:center;gap:17px;padding:22px;display:flex;box-shadow:0 8px 28px #29244d0a}.settings-overview-card .avatar-hero{border-radius:19px;width:58px;height:58px}.settings-overview-card>div{gap:5px;display:grid}.settings-overview-card strong{color:#302e43;font-size:16px}.settings-overview-card>div span{color:#858398;font-size:13px}.settings-overview-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.settings-overview-details>div{background:#fffc;border:1px solid #eae8f0;border-radius:15px;gap:9px;min-width:0;padding:19px;display:grid}.settings-overview-details span{color:#9290a3;letter-spacing:.1em;font-size:9px;font-weight:700}.settings-overview-details strong{color:#39374c;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.settings-privacy-note{background:#f1effa;border:1px solid #e5e1f7;border-radius:15px;align-items:flex-start;gap:13px;padding:17px;display:flex}.settings-privacy-note>span{width:34px;height:34px;color:var(--accent);background:#e7e2fb;border-radius:11px;flex:none;place-items:center;display:grid}.settings-privacy-note strong{color:#393550;font-size:12px}.settings-privacy-note p{color:#77758a;margin:5px 0 0;font-size:11px;line-height:1.55}.brand-mark{color:#716883;box-shadow:none;background:#f0eef3;border-color:#e4e1e9}.brand-mark svg{stroke-width:1.9px}.button{border-radius:11px;transition:background .16s,border-color .16s,color .16s}.button-primary,.button-primary:hover:not(:disabled){color:#fff;box-shadow:none;background:#706783}.button-secondary{color:#5e596a;background:#fff;border-color:#e4e2e7}.button-secondary:hover{color:#45414f;background:#f7f6f8;border-color:#d7d4dd}.setup-page,.auth-page{background:#f5f5f6}.auth-glow{display:none}.setup-card,.auth-card{background:#fff;border-color:#e7e6e9;border-radius:20px;box-shadow:0 16px 48px #22202812}.setup-steps>div{background:#f8f8f9}.auth-form input,.profile-form input,.profile-form textarea{box-shadow:none;background:#fbfbfc;border-color:#e2e1e5;border-radius:10px}.input-prefix{background:#fbfbfc;border-color:#e2e1e5}.rail,.sidebar{background:#fff}.rail,.sidebar,.sidebar-footer{border-color:#e7e6e9}.rail-button,.rail-profile,.icon-button{color:#777580}.rail-button:hover,.icon-button:hover:not(:disabled){color:#403d49;background:#f5f4f6;border-color:#e7e5ea}.rail-button.active,.icon-button-accent{color:#625a73;background:#f0eef3;border-color:#e5e2e9}.icon-button-accent:hover{color:#4e485b;background:#eae8ee;border-color:#dad7e0}.sidebar-header h1,.conversation-name,.person-details strong{color:#302f37}.search-field{background:#f7f7f8;border-color:#e7e6e9}.search-field input{color:#302f37}.search-field input::placeholder,.search-field kbd{color:#96949d}.conversation-preview,.person-details>span,.section-description,.settings-profile span:not(.avatar){color:#777681}.avatar{color:#5f5871;background:#eeecf1;border-color:#e3e0e8}.empty-icon{color:#706783;background:#f1eff4;border-color:#e5e2e9}.settings-link{color:#5e5b66;border-color:#e8e7ea}.chat-header{background:#fff;border-color:#e7e6e9}.chat-header-person strong{color:#302f37}.date-divider{color:#85838d}.bubble-own{color:#373340;background:#eeecf1;border-color:#e3e0e8}.message-meta{color:#85838d}.message-meta svg,.message-bubble a{color:#625a73}.load-older,.first-message{color:#696772;background:#f0eff2;border-color:#e5e3e8}.load-older:hover,.first-message svg{color:#625a73}.composer{background:#fff;border-color:#e3e2e5;box-shadow:0 2px 8px #2220280d}.send-button,.send-button:hover:not(:disabled){color:#fff;box-shadow:none;background:#706783}.empty-orbit{color:#706783;box-shadow:none;background:#efedf2;border-color:#e3e0e8}.empty-decoration span,.empty-decoration span:nth-child(2){background:#c9c7ce}.toast{color:#37353d;background:#fff;border-color:#e5e3e8;box-shadow:0 8px 24px #2220281a}.toast svg:first-child{color:#706783}.mobile-nav{background:#fffffffa;border-color:#e7e6e9}.mobile-nav button{color:#777580}.mobile-nav button.active{color:#625a73}.settings-overview-card,.settings-overview-details>div{box-shadow:none;background:#fff;border-color:#e7e6e9}.settings-privacy-note{background:#f1eff4;border-color:#e5e2e9}.settings-privacy-note strong{color:#37353d}.settings-privacy-note p{color:#777681}@media (width<=680px){.auth-page{padding:82px 16px 68px}.auth-card{width:min(100%,430px)}}@media (width<=900px){.app-shell{grid-template-columns:64px minmax(285px,34vw) minmax(0,1fr)}.settings-overview{width:min(600px,100% - 40px)}}.message-row{position:relative}.message-row:hover .message-actions{opacity:1;pointer-events:auto}.message-actions{opacity:0;pointer-events:none;z-index:5;background:#fff;border:1px solid #e7e6e9;border-radius:99px;align-items:center;gap:3px;padding:2px 6px;transition:opacity .15s;display:flex;position:absolute;top:-14px;box-shadow:0 4px 12px #22202814}.message-own .message-actions{right:12px}.message-row:not(.message-own) .message-actions{left:42px}.action-btn{color:#777580;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:24px;height:24px;transition:background .12s,color .12s;display:grid}.action-btn:hover{color:#302f37;background:#f0eef3}.action-btn.danger:hover{color:#a65360;background:#faf2f3}.reactions-picker{border-right:1px solid #e8e7ea;align-items:center;gap:2px;padding-right:4px;display:flex}.emoji-btn{cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:14px;line-height:1;transition:transform .12s}.emoji-btn:hover{transform:scale(1.25)}.reactions-list{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.reaction-badge{color:#55535e;cursor:pointer;background:#fff;border:1px solid #e7e6e9;border-radius:12px;align-items:center;gap:3px;padding:2px 7px;font-size:11px;transition:all .12s;display:inline-flex}.reaction-badge:hover{background:#f5f4f6}.reaction-badge.my-reaction{color:#625a73;background:#f0eef3;border-color:#d8d3e2;font-weight:600}.reply-quote{color:#64606f;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:#70678312;border-left:3px solid #706783;border-radius:4px;max-width:100%;margin-bottom:6px;padding:4px 8px;font-size:11px;overflow:hidden}.reply-quote:hover{background:#7067831f}.reply-quote strong{color:#4e485b;font-size:10px;display:block}.composer-banner{color:#625a73;background:#fdfdfe;border:1px solid #e7e6e9;border-bottom:0;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;width:min(100% - 56px,900px);margin:0 auto -4px;padding:6px 14px;font-size:11px;display:flex}.composer-banner-left{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;display:flex;overflow:hidden}.composer-banner-close{color:#85838d;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.composer-banner-close:hover{color:#302f37;background:#f0eef3}.message-edited{color:#9c9aa5;margin-left:4px;font-size:8px}.message-deleted{color:#96949d;font-style:italic}.read-status{align-items:center;margin-left:2px;display:inline-flex}.read-status.read{color:#706783}.message-actions.is-open{opacity:1!important;pointer-events:auto!important}@media (width<=680px){.message-actions{opacity:0;pointer-events:none}.message-actions.is-open{opacity:1;pointer-events:auto}.composer-banner{width:calc(100% - 20px)}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#12111773;justify-content:center;align-items:center;padding:16px;animation:.15s both modal-fade;display:flex;position:fixed;inset:0}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}.forward-modal{background:var(--panel,#fff);border:1px solid var(--line,#e7e6e9);border-radius:16px;flex-direction:column;width:min(100%,420px);display:flex;overflow:hidden;box-shadow:0 16px 40px #22202826}.forward-header{border-bottom:1px solid var(--line,#e7e6e9);color:#302f37;justify-content:space-between;align-items:center;padding:14px 18px;font-size:14px;font-weight:700;display:flex}[data-theme=dark] .forward-header{color:#f1f0f5}.forward-body{flex-direction:column;gap:6px;max-height:320px;padding:12px 16px;display:flex;overflow-y:auto}.forward-row{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:8px 10px;transition:background .12s;display:flex}[data-theme=dark] .forward-row:hover{background:#201f2a}.forward-preview{color:#696772;background:#f7f7f8;border-left:3px solid #706783;border-radius:8px;margin:0 16px 12px;padding:8px 12px;font-size:11px}[data-theme=dark] .forward-preview{color:#b0aebc;background:#201f2a}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef1f4;--panel:#fff;--surface:#f5f7f9;--surface-hover:#edf1f4;--accent:#806bb1;--accent-strong:#66518f;--accent-soft:#f0ebf8;--accent-line:#e0d7ee;--nav:#faf9fc;--nav-raised:#efebf5;--text:#20252b;--muted:#7a858f;--line:#e3e8ec;--success:#4f846e;--danger:#b65f6a;--radius-sm:9px;--radius-md:13px;--radius-lg:18px;--shadow-card:0 8px 26px #241b310e;--shadow-float:0 18px 48px #241b3129;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#12171c;--panel:#1a2026;--surface:#222a31;--surface-hover:#2b353d;--accent:#a895d0;--accent-strong:#c1b0e1;--accent-soft:#30283e;--accent-line:#493d60;--nav:#17151d;--nav-raised:#272330;--text:#e9eef2;--muted:#9daab4;--line:#37313f;--success:#72a58c;--danger:#d1848d;--shadow-card:0 12px 34px #0000002e;--shadow-float:0 18px 56px #00000052}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.brand-mark{color:#e8e2ef;background:linear-gradient(145deg,#393344,#292632);border:1px solid #ffffff21;border-radius:15px;width:48px;height:48px;box-shadow:inset 0 1px #ffffff14}.brand-mark-small{border-radius:13px;width:40px;height:40px}.live-dot,.connection-indicator i{box-shadow:none}.button{border-radius:var(--radius-sm);min-height:46px;transition:background .16s,border-color .16s,color .16s,transform .16s}.button:hover:not(:disabled){transform:translateY(-1px)}.button-primary,.button-primary:hover:not(:disabled){color:#fff;background:var(--accent);box-shadow:none}.button-primary:hover:not(:disabled){background:var(--accent-strong)}.button-secondary{color:var(--accent-strong);border-color:var(--line);background:var(--panel)}.button-secondary:hover{color:var(--text);border-color:var(--accent-line);background:var(--surface)}.setup-page,.auth-page{color:var(--text);background:var(--bg)}.setup-page:before,.auth-page-login:before{content:"";pointer-events:none;background:radial-gradient(at 18% 72%,#88799e2e,#0000 48%),linear-gradient(145deg,#282431,#211e29 58%,#302a38);width:min(42vw,560px);position:absolute;inset:0 auto 0 0}.auth-page-login{grid-template-columns:minmax(0,1fr) minmax(370px,470px);place-content:center;gap:clamp(36px,7vw,110px);min-height:100svh;padding:104px max(36px,50vw - 560px) 86px}.auth-page-login:before{width:min(42vw,560px)}.auth-story{z-index:1;color:#f0edf3;background:linear-gradient(145deg,#26222f3d,#26222f05);border:1px solid #ffffff14;border-radius:28px;flex-direction:column;justify-content:space-between;min-height:min(600px,100svh - 190px);padding:38px;display:flex;position:relative;overflow:hidden}.auth-story:after{content:"";pointer-events:none;border:1px solid #e0d7eb26;border-radius:50%;width:340px;height:340px;position:absolute;bottom:-130px;right:-95px;box-shadow:0 0 0 32px #e0d7eb06,0 0 0 66px #e0d7eb05}.auth-story-brand{font-family:var(--display);letter-spacing:-.04em;align-items:center;gap:12px;font-size:22px;font-weight:800;display:flex}.auth-story-brand .brand-mark{width:44px;height:44px}.auth-story-copy{z-index:1;max-width:430px;padding-bottom:30px;position:relative}.auth-story-copy>span{color:#c3bacf;letter-spacing:.16em;font-size:10px;font-weight:700}.auth-story-copy h2{font-family:var(--display);letter-spacing:-.055em;margin:15px 0 12px;font-size:clamp(36px,4vw,54px);line-height:1.08}.auth-story-copy p{color:#c4bfcb;max-width:350px;margin:0;font-size:14px;line-height:1.7}.auth-page-login .auth-brand{z-index:2;color:#fff;display:none;top:28px;left:max(36px,50% - 560px)}.auth-page-login .auth-brand .brand-mark{display:none}.auth-card,.setup-card{z-index:1;color:var(--text);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow-card)}.auth-card{width:100%;padding:38px}.auth-card h1,.setup-card h1{color:var(--text);letter-spacing:-.045em}.auth-card h1>span,.setup-card h1>span{color:var(--accent)}.auth-card-head>p,.auth-card>p,.setup-card>p{color:var(--muted)}.auth-form label,.profile-form label{color:var(--text)}.auth-form input,.profile-form input,.profile-form textarea{color:var(--text);border-color:var(--line);border-radius:var(--radius-sm);background:var(--surface)}.auth-form input:focus,.profile-form input:focus,.profile-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent)}.auth-form input::placeholder,.profile-form input::placeholder{color:#9995a1}.input-prefix{border-color:var(--line);background:var(--surface)}.input-prefix>span,.auth-foot,.text-button,.setup-steps small,.setup-note,.auth-footer{color:var(--muted)}.text-button:hover,.text-button.strong{color:var(--accent-strong)}.eyebrow{color:var(--muted)}.setup-page:before{display:none}.setup-card{border-radius:22px}.setup-steps>div{border-color:var(--line);background:var(--surface)}.setup-steps>div>span{color:var(--accent-strong);background:var(--accent-soft)}.setup-steps code{color:var(--accent-strong)}.app-shell{background:var(--bg);grid-template-columns:76px minmax(300px,360px) minmax(0,1fr);gap:0}.rail{background:var(--nav);border-right:0;padding:18px 0 14px}.rail-brand .brand-mark{color:#e9e3ef;background:var(--nav-raised);border-color:#ffffff1f}.rail-nav{gap:10px}.rail-button,.rail-profile{color:#c0bac9;border-radius:13px;width:44px;height:44px}.sidebar{border-right:1px solid var(--line);background:var(--panel);min-width:0}.sidebar-kicker,.list-heading,.settings-section-title{color:var(--muted)}.sidebar-header h1{color:var(--text);letter-spacing:-.035em;font-size:22px}.sidebar-header-actions{gap:7px;display:flex}.group-avatar{width:48px;height:48px;color:var(--accent-strong);border:1px solid var(--accent-line);background:var(--accent-soft);border-radius:50%;flex:none;place-items:center;display:grid}.group-avatar-small{width:40px;height:40px}.group-avatar-hero{width:88px;height:88px}.group-message-author{color:var(--accent-strong);margin-bottom:4px;font-size:11px;display:block}.group-modal{flex-direction:column;max-height:min(720px,90dvh);display:flex;overflow:hidden}.group-modal .forward-header{flex:none}.group-modal-body{overscroll-behavior:contain;flex-direction:column;gap:12px;min-height:0;padding:16px;display:flex;overflow-y:auto}.group-field{color:var(--text);gap:6px;font-size:12px;font-weight:600;display:grid}.group-field input,.group-rename-form input{min-height:42px;color:var(--text);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:0 12px}.group-selection-hint{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.group-search-results,.group-members-list{gap:5px;max-height:260px;display:grid;overflow-y:auto}.group-person-row,.group-member-row{min-height:56px;color:var(--text);border-radius:var(--radius-sm);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:7px;display:flex}.group-person-row{cursor:pointer;width:100%}.group-person-row:hover,.group-person-row.selected{border-color:var(--accent-line);background:var(--accent-soft)}.group-person-row>span:nth-child(2),.group-member-row>span:nth-child(2){flex:1;gap:3px;min-width:0;display:grid}.group-person-row strong,.group-member-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.group-person-row small,.group-member-row small{color:var(--muted);font-size:11px}.group-search-results .search-hint{color:var(--muted);margin:0;padding:12px;font-size:12px}.group-rename-form{gap:8px;display:flex}.group-rename-form input{flex:1;min-width:0}.group-rename-form .button{flex:none;padding-inline:10px;font-size:12px}.group-member-actions{flex-direction:column;flex:none;align-items:flex-end;gap:3px;display:flex}.group-member-actions .text-button{font-size:11px}.group-remove-button{color:var(--danger)}.button-danger{color:#fff;border-radius:var(--radius-sm);background:var(--danger);cursor:pointer;border:0;min-height:42px}.button-danger:disabled,.group-person-row:disabled{opacity:.55;cursor:not-allowed}.search-field{border-color:var(--line);border-radius:var(--radius-sm);min-height:43px;color:var(--muted);background:var(--surface)}.search-field input,.search-field input::placeholder{color:var(--text)}.search-field input:focus-visible{outline:none}.search-field input::placeholder{color:#96929e}.search-field kbd{border-color:var(--line);color:var(--muted);background:var(--panel);border-radius:6px}.list-heading{padding:10px 20px}.conversation-row{border-radius:var(--radius-md);border:1px solid #0000;min-height:72px;padding:10px}.conversation-row:hover,.person-card{background:var(--surface)}.conversation-avatar{flex:none;position:relative}.presence-indicator{border:2px solid var(--panel);background:var(--success);border-radius:50%;width:11px;height:11px;position:absolute;bottom:1px;right:1px}.conversation-name,.person-details strong,.sidebar-empty strong,.chat-header-person strong{color:var(--text)}.conversation-preview,.conversation-meta,.person-details>span,.person-details p{color:var(--muted)}.avatar{border-color:var(--accent-line);color:var(--accent-strong);background:var(--accent-soft)}.avatar img{object-fit:cover;width:100%;height:100%}.unread-dot{color:#fff;background:var(--accent)}.creator-badge{color:#756343;background:#f7f3e9;border-color:#e9dfc8}.creator-badge svg{color:#927d51}.sidebar-empty,.sidebar-empty p,.section-description,.settings-profile span:not(.avatar){color:var(--muted)}.person-card-clickable{cursor:pointer}.person-profile-button{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.person-profile-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.person-profile-button .person-details{min-width:0}.person-profile-button .person-about{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.settings-profile-summary{min-width:0;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;justify-items:start;gap:5px;padding:0;display:grid}.settings-profile-summary strong{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.settings-profile-summary span,.settings-profile-summary small{color:var(--muted)}.settings-profile-summary small{font-size:11px}.chat-profile-trigger{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.chat-profile-trigger:hover .chat-header-person strong{color:var(--accent-strong)}.profile-open-link{color:var(--accent-strong);border:1px solid var(--line);background:var(--panel);font:inherit;cursor:pointer;border-radius:999px;margin-top:9px;padding:7px 12px;font-size:12px}.profile-modal-overlay{z-index:1200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#12101785;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.profile-modal{width:min(440px,100%);max-height:min(760px,100dvh - 40px);color:var(--text);border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow-float);border-radius:22px;overflow:auto}.profile-modal-header{z-index:1;min-height:54px;color:var(--muted);letter-spacing:.12em;justify-content:space-between;align-items:center;padding:0 16px;font-size:10px;font-weight:700;display:flex;position:relative}.profile-modal-header .icon-button{color:var(--muted)}.profile-cover{background:linear-gradient(135deg, var(--accent-soft), var(--surface));height:104px;margin-top:-54px;position:relative}.profile-modal-avatar-wrap{width:104px;height:104px;position:absolute;bottom:-42px;left:24px}.avatar-profile{border:4px solid var(--panel);width:104px;height:104px;font-size:34px}.profile-avatar-edit{width:34px;height:34px;color:var(--text);border:2px solid var(--panel);background:var(--surface-hover);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:3px;right:3px}.profile-modal-content{gap:12px;padding:54px 24px 24px;display:grid}.profile-modal-name{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.profile-modal-name h2{margin:0;font-size:22px}.profile-modal-username,.profile-about{color:var(--muted);overflow-wrap:anywhere;margin:-8px 0 0}.profile-status{width:fit-content;color:var(--accent-strong);background:var(--accent-soft);border-radius:999px;padding:6px 10px;font-size:12px}.profile-about{color:var(--text);white-space:pre-wrap;margin:0;line-height:1.55}.profile-meta{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:12px 0;font-size:12px;display:flex}.profile-meta strong{color:var(--text);font-weight:600}.profile-modal-state{min-height:190px;color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:24px;display:flex}.profile-modal-error{color:var(--danger)}@media (width<=600px){.sidebar{height:calc(100dvh - 68px - env(safe-area-inset-bottom))}.settings-content{padding-bottom:20px}.profile-modal-overlay{align-items:end;padding:0}.profile-modal{border-radius:22px 22px 0 0;width:100%;max-height:min(760px,90dvh)}}.empty-icon,.empty-orbit{border-color:var(--accent-line);color:var(--accent-strong);background:var(--accent-soft);box-shadow:none}.sidebar-footer{border-color:var(--line);min-height:48px}.connection-indicator{color:var(--muted)}.version-label{color:#96929e}.icon-button{color:var(--muted);border-radius:11px}.icon-button:hover:not(:disabled){color:var(--text);border-color:var(--line);background:var(--surface)}.icon-button-accent{color:var(--accent-strong);border-color:var(--accent-line);background:var(--accent-soft)}.settings-link{min-height:46px;color:var(--text);border-color:var(--line)}.settings-link:hover{color:var(--accent-strong)}.settings-link>svg:first-child{color:var(--muted)}.settings-link>span:first-of-type{text-align:left;flex:1;gap:3px;min-width:0;display:grid}.settings-link>span:first-of-type strong{color:var(--text);font-size:13px;font-weight:600}.settings-link>span:first-of-type small{color:var(--muted);font-size:11px;line-height:1.4}.settings-link:disabled{opacity:.6;cursor:wait}.settings-logout{color:var(--danger)}.toggle{background:#d4d1da}.toggle.is-on{background:var(--accent)}.toggle i{background:#fff}.chat-header{border-color:var(--line);background:var(--panel);min-height:70px}.back-button{flex:none;width:38px;height:38px;display:grid}.chat-header-person span,.chat-intro p{color:var(--muted)}.chat-header-person .presence-online{color:var(--success)}.presence-status-dot{background:var(--success);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.chat-body{padding-inline:clamp(20px,5vw,84px)}.chat-intro{padding:28px 0}.chat-intro h2{color:var(--text)}.conversation-start,.messages-loading,.date-divider,.message-meta{color:var(--muted)}.date-divider:before,.date-divider:after{background:var(--line)}.message-bubble{max-width:100%;color:var(--text);border-color:var(--line);background:var(--panel);border-radius:16px 16px 16px 5px;box-shadow:0 2px 6px #25202d09}.bubble-own{color:#373340;border-color:var(--accent-line);background:#eae6ef;border-radius:16px 16px 5px}.message-bubble a,.message-meta svg{color:var(--accent-strong)}.bubble-failed{border-color:#d9aeb4}.retry-button{color:var(--danger)}.message-actions,.reaction-badge{border-color:var(--line);background:var(--panel);box-shadow:var(--shadow-card)}.action-btn,.emoji-btn{color:var(--muted)}.action-btn:hover,.emoji-btn:hover{color:var(--accent-strong);background:var(--accent-soft)}.reaction-badge.my-reaction{border-color:var(--accent-line);background:var(--accent-soft)}.first-message,.load-older{color:var(--muted);border-color:var(--line);background:var(--surface)}.first-message svg,.load-older:hover{color:var(--accent-strong)}.composer{border-color:var(--line);background:var(--panel);border-radius:16px;min-height:58px;box-shadow:0 4px 14px #25202d0f}.composer textarea{color:var(--text)}.send-button,.send-button:hover:not(:disabled){color:#fff;background:var(--accent);box-shadow:none}.send-button:hover:not(:disabled){background:var(--accent-strong)}.send-button:disabled{color:#96929e;background:var(--surface-hover)}.composer-note,.composer-security,.empty-state>p{color:var(--muted)}.conversation-alert{color:#8b424e;background:#faf2f3;border-color:#ead4d7}.settings-panel{background:var(--bg)}.sidebar{flex-direction:column;min-height:0;display:flex}.settings-content{overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow:hidden auto}.settings-category-nav{gap:5px;padding:18px 14px;display:grid}.settings-category-nav-main{display:none}.settings-category-nav button{min-height:44px;color:var(--muted);border-radius:var(--radius-sm);text-align:left;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;padding:0 13px}.settings-category-nav button:hover,.settings-category-nav button.active{color:var(--accent-strong);border-color:var(--accent-line);background:var(--accent-soft)}.settings-category-nav button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings-category-footer{padding:0 14px 14px}.settings-center{overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;flex-direction:column;gap:14px;width:min(700px,100% - 64px);max-height:100%;margin:0 auto;padding:34px 0;display:flex;overflow-y:auto}.settings-profile-form{width:min(100%,520px)}.settings-profile-form .button{align-self:flex-start}.settings-section-title{padding-top:20px}.settings-select-row{min-height:58px;color:var(--text);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);cursor:pointer;justify-content:space-between;align-items:center;gap:14px;padding:8px 12px;display:flex}.settings-select-row>span{gap:4px;display:grid}.settings-select-row strong{font-size:13px;font-weight:600}.settings-select-row small{color:var(--muted);font-size:11px;line-height:1.4}.settings-select-row select{max-width:130px;min-height:36px;color:var(--text);border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:0 8px}[data-message-density=compact] .message-row{margin-block:4px}[data-message-density=comfortable] .message-row{margin-block:10px}[data-message-text-size=small] .message-bubble{font-size:12px}[data-message-text-size=normal] .message-bubble{font-size:14px}[data-message-text-size=large] .message-bubble{font-size:17px}.call-action-muted{color:var(--accent-strong);background:var(--accent-soft)}.settings-overview{gap:18px;width:min(700px,100% - 64px)}.pwa-install-button{width:fit-content}.pwa-install-steps{color:var(--text);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);gap:12px;margin:0;padding:18px 22px 18px 42px;line-height:1.5;display:grid}.pwa-install-steps li::marker{color:var(--accent-strong);font-weight:700}.pwa-install-note-copy{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.pwa-update-banner{z-index:80;right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));left:max(16px, env(safe-area-inset-left));width:min(620px, calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right)));color:var(--text);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);box-shadow:var(--shadow-float);justify-content:space-between;align-items:center;gap:16px;margin-inline:auto;padding:14px 16px;display:flex;position:fixed}.pwa-update-banner>div{gap:4px;min-width:0;display:grid}.pwa-update-banner strong{font-size:13px}.pwa-update-banner span{color:var(--muted);font-size:11px;line-height:1.45}.pwa-update-banner .button{flex:none}.settings-overview-heading .eyebrow{color:var(--accent-strong)}.settings-overview-heading h2{color:var(--text)}.settings-overview-heading p,.settings-overview-details span{color:var(--muted)}.settings-overview-card,.settings-overview-details>div{border-color:var(--line);border-radius:var(--radius-md);background:var(--panel);box-shadow:none}.settings-overview-card strong,.settings-overview-details strong{color:var(--text)}.push-device-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 14px;display:grid}.push-device-row>span{font-size:12px;font-weight:600}.push-device-row>strong{grid-column:1;font-size:11px;font-weight:500}.push-device-row>.settings-link{grid-area:1/2/span 2;min-height:36px;padding:6px 10px}.settings-privacy-note{border-color:var(--accent-line);background:var(--accent-soft)}.settings-privacy-note>span{color:var(--accent-strong);background:color-mix(in srgb, var(--accent) 14%, var(--panel))}.settings-privacy-note strong,.settings-privacy-note p{color:var(--text)}.toast{color:var(--text);border-color:var(--line);border-radius:var(--radius-md);background:var(--panel);box-shadow:var(--shadow-float)}.toast svg:first-child,.mobile-nav button.active{color:var(--accent-strong)}.forward-modal{color:var(--text);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow-float)}.forward-header{color:var(--text);border-color:var(--line)}.forward-preview{color:var(--muted);border-color:var(--accent);background:var(--surface)}.forward-row{color:var(--text)}.visually-hidden-file{display:none}.avatar-upload{cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;position:relative}.avatar-upload>span:last-child{width:25px;height:25px;color:var(--text);border:2px solid var(--panel);background:var(--surface);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:0;right:0}.avatar-upload:disabled{cursor:wait}.composer-attachment{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;display:grid}.composer-attachment:hover:not(:disabled),.attachment-action:hover:not(:disabled){color:var(--accent-strong);background:var(--surface)}.composer-attachment.is-recording{color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, transparent)}.composer-attachment.is-recording svg{animation:1.2s ease-in-out infinite voice-recording-pulse}@keyframes voice-recording-pulse{50%{opacity:.45}}.composer-recording{padding:6px 9px}.voice-recording-panel{align-items:center;gap:10px;width:100%;min-width:0;display:flex}.voice-recording-cancel,.voice-recording-send,.voice-play-button{cursor:pointer;border:0;flex:none;place-items:center;display:grid}.voice-recording-cancel{width:36px;height:36px;color:var(--muted);background:var(--surface);border-radius:50%}.voice-recording-live{color:var(--danger);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.voice-recording-live i{background:var(--danger);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite voice-recording-pulse}.voice-recording-wave{flex:1;justify-content:center;align-items:center;gap:3px;min-width:28px;height:28px;display:flex;overflow:hidden}.voice-recording-wave i{background:var(--accent);border-radius:4px;flex:none;width:3px;transition:height 70ms linear}.voice-recording-hint{color:var(--muted);flex:none;font-size:11px}.voice-recording-send{color:#fff;background:var(--accent);border-radius:50%;width:38px;height:38px}.voice-recording-send:hover{background:var(--accent-strong)}.message-attachment{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;gap:8px;max-width:min(100%,340px);margin-top:8px;padding:7px;display:flex}.attachment-image-button{background:var(--surface-hover);cursor:zoom-in;border:0;border-radius:8px;max-width:100%;padding:0;display:block;overflow:hidden}.attachment-image-button img{object-fit:cover;max-width:min(100%,260px);max-height:220px;display:block}.attachment-video{background:#000;border-radius:8px;width:min(100%,280px);max-height:220px;display:block}.attachment-audio{flex:240px;width:min(100%,280px);min-width:0}.message-voice-attachment{background:0 0;border:0;width:250px;max-width:100%;padding:0}.message-content:has(.message-voice-attachment){width:100%}.message-own .message-content:has(.message-voice-attachment) .message-bubble{justify-self:end}.message-row:not(.message-own) .message-content:has(.message-voice-attachment) .message-bubble{justify-self:start}.voice-message-player{align-items:center;gap:10px;width:100%;min-width:0;display:flex}.voice-message-player audio{display:none}.voice-play-button{color:#fff;background:var(--accent);border-radius:50%;width:40px;height:40px}.voice-play-button:hover{background:var(--accent-strong)}.voice-player-content{flex:1;gap:3px;min-width:0;display:grid}.voice-waveform{align-items:center;gap:2px;height:28px;display:flex;overflow:hidden}.voice-waveform i{background:color-mix(in srgb, var(--accent) 32%, var(--muted));border-radius:4px;flex:1;width:3px;min-height:4px}.voice-waveform i.is-played{background:var(--accent-strong)}.voice-duration{color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px;line-height:1}.voice-play-error{color:var(--danger);font-size:10px}.attachment-file-icon{width:38px;height:38px;color:var(--accent-strong);background:var(--accent-soft);border-radius:9px;flex:none;place-items:center;display:grid}.attachment-details{flex:1;gap:3px;min-width:0;display:grid}.attachment-details strong,.attachment-preview-modal header span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:650;overflow:hidden}.attachment-details span{color:var(--muted);font-size:10px}.attachment-action{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;display:grid}.attachment-delete:hover:not(:disabled){color:var(--danger);background:var(--surface-hover)}.attachment-preview-overlay{z-index:1200;background:#0f0e13d1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.attachment-preview-modal{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);gap:10px;width:min(100%,1000px);max-height:100%;display:grid;overflow:hidden}.attachment-preview-modal header{min-width:0;color:var(--text);justify-content:space-between;align-items:center;gap:12px;padding:8px 12px 0;display:flex}.attachment-preview-modal img{object-fit:contain;width:100%;max-height:calc(100dvh - 100px);display:block}.forward-row:hover{background:var(--surface)}.chat-header-actions{align-items:center;gap:6px;display:flex}.call-action{width:38px;height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:11px;place-items:center;display:grid}.call-action:hover:not(:disabled){color:var(--accent-strong);background:var(--surface)}.call-action:disabled{cursor:not-allowed;opacity:.45}.call-overlay{z-index:1250;border:1px solid var(--line);background:var(--panel);width:min(360px,100vw - 32px);box-shadow:var(--shadow-float);border-radius:20px;position:fixed;bottom:24px;right:24px;overflow:hidden}.call-overlay-video{width:min(560px,100vw - 32px)}.call-dialog-header{min-height:48px;color:var(--text);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:6px 12px 6px 16px;display:flex}.call-dialog-header>span{align-items:center;gap:8px;font-size:13px;font-weight:650;display:flex}.call-peer{color:var(--text);justify-items:center;gap:5px;padding:18px 16px 14px;display:grid}.call-peer .avatar-hero{width:64px;height:64px}.call-peer strong{font-size:15px}.call-peer>span{color:var(--muted);font-size:12px}.call-video-stage{aspect-ratio:16/9;background:#17151c;position:relative;overflow:hidden}.call-remote-video{object-fit:cover;width:100%;height:100%}.call-local-video{aspect-ratio:3/4;object-fit:cover;background:#292631;border:1px solid #ffffff8c;border-radius:12px;width:26%;max-height:40%;position:absolute;bottom:12px;right:12px}.call-video-placeholder{color:#ffffffc7;pointer-events:none;place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.call-controls{justify-content:center;gap:12px;padding:10px 16px 18px;display:flex}.call-control{width:46px;height:46px;color:var(--text);background:var(--surface);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.call-control.is-muted{color:var(--danger);background:color-mix(in srgb, var(--danger) 14%, var(--panel))}.call-control.call-accept{color:#fff;background:#4f846e}.call-control.call-decline{color:#fff;background:#b65f6a}@media (width<=680px){.call-overlay{right:12px;bottom:calc(78px + env(safe-area-inset-bottom))}.chat-header-actions{gap:2px}.call-action{width:34px;height:38px}}.mobile-nav{min-height:calc(68px + env(safe-area-inset-bottom));padding:7px 8px max(7px, env(safe-area-inset-bottom));border-color:var(--line);background:var(--panel);box-shadow:0 -4px 18px #25202d0b}.mobile-nav button{min-width:64px;min-height:48px;color:var(--muted);font-size:10px}.mobile-nav button.active{font-weight:700}[data-theme=dark] .rail-brand .brand-mark{background:var(--nav-raised)}[data-theme=dark] .setup-page:before,[data-theme=dark] .auth-page-login:before{background:radial-gradient(at 18% 72%,#9383ab29,#0000 48%),linear-gradient(145deg,#211e29,#191720 58%,#282330)}[data-theme=dark] .auth-story{color:var(--text);background:#ffffff06;border-color:#ffffff12}[data-theme=dark] .auth-story-copy>span,[data-theme=dark] .auth-story-copy p{color:#c0bbc8}[data-theme=dark] .auth-card,[data-theme=dark] .setup-card{color:var(--text);background:var(--panel)}[data-theme=dark] .auth-page-login .auth-brand{color:var(--text)}[data-theme=dark] .auth-form input,[data-theme=dark] .profile-form input,[data-theme=dark] .profile-form textarea,[data-theme=dark] .input-prefix,[data-theme=dark] .conversation-row:hover,[data-theme=dark] .person-card,[data-theme=dark] .search-field,[data-theme=dark] .load-older,[data-theme=dark] .first-message{color:var(--text);border-color:var(--line);background:var(--surface)}[data-theme=dark] .conversation-row.selected{border-color:var(--accent-line);background:var(--accent-soft)}[data-theme=dark] .bubble-own{color:var(--text);border-color:var(--accent-line);background:#332e3b}[data-theme=dark] .message-bubble,[data-theme=dark] .message-actions,[data-theme=dark] .reaction-badge,[data-theme=dark] .forward-modal{color:var(--text);border-color:var(--line);background:var(--panel)}[data-theme=dark] .settings-privacy-note{border-color:var(--accent-line);background:var(--accent-soft)}[data-theme=dark] .creator-badge{color:#d3c3a0;background:#332e26;border-color:#51483a}[data-theme=dark] .creator-badge svg{color:#c2aa78}@media (width<=900px){.app-shell{grid-template-columns:64px minmax(270px,34vw) minmax(0,1fr)}.auth-page-login{gap:34px;padding-inline:32px}.auth-story{padding:28px}.auth-card{padding:30px}}@media (width<=680px){.auth-page-login{flex-direction:column;justify-content:center;gap:0;padding:86px 16px 74px;display:flex}.auth-story{display:none}.auth-page-login .auth-brand{color:var(--text);display:flex;top:18px;left:18px}.auth-page-login .auth-brand .brand-mark{width:38px;height:38px;color:var(--accent-strong);border-color:var(--accent-line);background:var(--accent-soft);box-shadow:none;display:grid}.auth-card{width:min(100%,430px);padding:28px 23px 24px}.app-shell{grid-template-columns:none;display:block}.mobile-nav{justify-content:space-around;display:flex}.mobile-nav button{flex-direction:column;gap:4px}.settings-overview{width:min(600px,100% - 36px);padding:24px 0}.settings-center{width:calc(100% - 36px);padding:24px 0}.settings-category-nav-main{grid-template-columns:repeat(2,minmax(0,1fr));padding:0;display:grid}.settings-category-nav-main button{min-height:40px;padding-inline:8px;font-size:12px}.chat-header{padding-inline:12px}.back-button{width:40px;height:40px;display:grid}.chat-body{padding:10px 14px 18px}.composer{width:calc(100% - 20px);min-height:52px}.creator-badge{margin-left:5px;padding:3px 6px;font-size:8px}}@media (width<=380px){.mobile-nav{padding-inline:2px}.mobile-nav button{min-width:58px;font-size:9px}.auth-card{padding-inline:19px}}@media (width<=680px) and (hover:none){.message-row:hover .message-actions:not(.is-open){opacity:0;pointer-events:none}}.call-overlay-expanded{width:100vw;height:100dvh;max-height:100dvh;box-shadow:none;background:#111015;border:0;border-radius:0;inset:0}.call-overlay-expanded .call-dialog{color:#fff;background:#111015;flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.call-overlay-expanded .call-dialog-header{z-index:1;color:#fff;background:#111015;border-color:#ffffff1f;flex:none;min-height:58px;padding:8px 18px}.call-header-actions{align-items:center;gap:8px;display:flex}.call-overlay-expanded .call-dialog-header .attachment-action{color:#fff}.call-overlay-expanded .call-peer{color:#fff;flex:auto;align-content:center;padding:24px}.call-overlay-expanded .call-peer>span{color:#ffffffad}.call-overlay-expanded .call-video-stage{aspect-ratio:auto;flex:auto;min-height:0}.call-overlay-expanded .call-remote-video{object-fit:contain}.call-overlay-expanded .call-controls{z-index:1;padding:20px 16px max(28px, env(safe-area-inset-bottom));background:#111015;flex:none;gap:18px}.call-overlay-minimized{border:1px solid var(--line);background:var(--panel);width:min(360px,100vw - 24px);height:auto;max-height:min(520px,100dvh - 24px);box-shadow:var(--shadow-float);border-radius:18px;inset:auto 20px 20px auto}.call-overlay-minimized .call-dialog{max-height:inherit;overflow:auto}.call-overlay-minimized.call-overlay-video{width:min(480px,100vw - 24px)}.call-overlay-minimized .call-dialog-header{min-height:46px}.call-overlay-minimized .call-peer{color:var(--text);padding:12px}.call-overlay-minimized .call-peer .avatar-hero{width:48px;height:48px}.call-overlay-minimized .call-peer>span{color:var(--muted)}.call-overlay-minimized .call-video-stage{flex:none}.call-overlay-minimized .call-controls{padding-bottom:max(14px, env(safe-area-inset-bottom))}@media (width<=680px){.call-overlay-minimized{right:12px;bottom:calc(76px + env(safe-area-inset-bottom));width:min(340px,100vw - 24px);max-height:calc(100dvh - 90px - env(safe-area-inset-bottom))}.call-overlay-minimized.call-overlay-video{width:min(420px,100vw - 24px)}.call-overlay-expanded .call-dialog-header{min-height:calc(54px + env(safe-area-inset-top));padding-top:max(8px, env(safe-area-inset-top))}.call-overlay-expanded .call-controls{padding-bottom:max(28px, env(safe-area-inset-bottom))}}.conversation-list-heading,.contact-tabs,.person-card-actions{align-items:center;display:flex}.conversation-list-heading{min-height:38px;color:var(--muted);gap:12px;padding:5px 20px}.conversation-list-heading button,.contact-tabs button{min-height:30px;color:var(--muted);cursor:pointer;letter-spacing:.04em;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:0 7px;font-size:10px;font-weight:750;display:inline-flex}.conversation-list-heading button.active,.contact-tabs button.active{color:var(--accent-strong);background:var(--accent-soft)}.conversation-list-heading .subtle-count{margin-left:auto}.contact-tabs{border:1px solid var(--line);background:var(--panel);border-radius:11px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:0 0 13px;padding:4px;display:grid;overflow:hidden}.contact-tabs button{letter-spacing:0;white-space:normal;flex:none;width:100%;min-width:0;min-height:34px;padding-inline:9px}.person-card-actions{flex:none;gap:3px}.person-card-actions .icon-button,.person-card-actions .icon-button-accent{width:34px;height:34px}.person-card-actions button:disabled{cursor:wait;opacity:.55}.message-search-results{gap:9px;padding:12px 0;display:grid}.message-search-result{color:var(--text);text-align:left;border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:12px;gap:6px;padding:13px;display:grid}.message-search-result:hover{border-color:var(--accent-line);background:var(--accent-soft)}.message-search-result>span{justify-content:space-between;gap:10px;display:flex}.message-search-result strong{font-size:12px}.message-search-result time,.message-search-result small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.message-search-result p{overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.45}.action-btn.is-favorite{color:#b98516}.message-search-highlight{outline:2px solid color-mix(in srgb, var(--accent) 58%, transparent);background:var(--accent-soft);border-radius:6px;transition:background-color .25s}@media (width<=600px){.conversation-list-heading{padding-inline:14px}.contact-tabs button{min-width:0}}html,body,#root{min-height:100%}body{color:var(--text);background:var(--bg);font-family:var(--sans)}.app-shell{background:var(--bg);grid-template-columns:80px minmax(292px,340px) minmax(0,1fr);min-height:100dvh}.rail{padding:18px 8px max(16px, env(safe-area-inset-bottom));align-items:center;box-shadow:inset -1px 0 #ffffff09}.rail-nav{align-items:center;gap:7px;width:100%;margin-top:30px}.rail-bottom{align-items:center;gap:10px;width:100%}.rail-button{color:#b7b0c1;border:1px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;gap:5px;width:64px;height:58px;transition:color .16s,background .16s,border-color .16s,transform .16s;display:flex;position:relative}.rail-button-label{color:inherit;letter-spacing:.015em;font-size:9px;font-weight:650;line-height:1;display:block}.rail-button:active{transform:scale(.96)}.rail-button.active:before{content:"";background:#c2addf;border-radius:0 3px 3px 0;width:3px;height:22px;position:absolute;left:-9px}.rail-badge{min-width:16px;height:16px;padding-inline:4px;font-size:9px;top:3px;right:7px}.sidebar{border-right-color:var(--line);box-shadow:4px 0 18px #251c3006}.sidebar-kicker{letter-spacing:.15em;font-size:9px}.sidebar-header h1{margin-top:5px;font-size:23px;line-height:1.15}.sidebar-header-actions .icon-button{border-radius:11px;width:38px;height:38px}.search-field{background:var(--surface);border-radius:11px;min-height:44px;margin:8px 16px 14px;transition:border-color .16s,background .16s,box-shadow .16s}.conversation-list-heading{min-height:44px;padding-inline:16px}.conversation-list-heading button{border-radius:8px;min-height:30px;padding-inline:10px;font-size:9px}.conversation-row{border:1px solid #0000;border-radius:12px;min-height:68px;margin-bottom:3px;padding:9px 10px;transition:background .16s,border-color .16s,transform .16s}.conversation-row:active{transform:scale(.99)}.conversation-row:hover{border-color:var(--line);background:var(--surface)}.conversation-row.selected{border-color:var(--accent-line);background:var(--accent-soft)}.conversation-name{font-size:13px}.conversation-preview{max-width:100%;font-size:11px;line-height:1.4}.sidebar-footer{border-top-color:var(--line);min-height:54px;padding-inline:17px}.main-panel{background:var(--bg);min-width:0}.chat-header{border-bottom-color:var(--line);background:var(--panel);min-height:70px;padding-inline:clamp(16px,2.4vw,32px);box-shadow:0 2px 10px #241b3106}.chat-header-person>span{font-size:11px}.call-action{border-radius:10px;width:38px;height:38px;transition:background .16s,color .16s,transform .16s}.call-action:active,.icon-button:active{transform:scale(.95)}.chat-body{width:min(100%,1120px);margin-inline:auto;padding:28px clamp(18px,4vw,56px) 24px}.chat-intro{margin-bottom:26px}.message-day-group{max-width:780px;margin-inline:auto}.message-bubble{border-radius:15px;max-width:min(68ch,76%);line-height:1.55}.bubble-own{border-bottom-right-radius:5px}.message-row:not(.message-own) .message-bubble{border-bottom-left-radius:5px}.date-divider span{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 90%, transparent);border-radius:999px;padding:5px 11px;font-size:10px}.composer{border-radius:14px;width:min(780px,100% - 48px);margin:0 auto;box-shadow:0 6px 22px #241b3112}.composer-note{width:min(780px,100% - 48px);margin:7px auto 10px;font-size:10px}.empty-state{max-width:540px;padding:36px 24px}.empty-orbit{border:1px solid var(--accent-line);background:var(--accent-soft);box-shadow:0 12px 34px color-mix(in srgb, var(--accent) 10%, transparent)}.empty-state h2{max-width:460px;line-height:1.12}.contacts-content{padding:0 15px 20px}.contact-tabs{z-index:2;position:sticky;top:0;overflow:hidden;box-shadow:0 4px 12px #241b3109}.person-card,.message-search-result{border-radius:12px;transition:border-color .16s,background .16s,transform .16s}.person-card:active,.message-search-result:active{transform:scale(.99)}.conversation-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:2px 15px 11px;display:grid}.conversation-filters button{min-width:0;min-height:34px;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:7px;padding:0 9px;font-size:10px;font-weight:650;transition:color .16s,border-color .16s,background .16s;display:flex}.conversation-filters button>svg{flex:none}.conversation-filters button>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.conversation-filters button>small{min-width:18px;color:inherit;font-variant-numeric:tabular-nums;text-align:right;margin-left:auto;font-size:10px}.conversation-filters button:hover{color:var(--text);background:var(--surface)}.conversation-filters button.active{color:var(--accent-strong);border-color:var(--accent-line);background:var(--accent-soft)}.settings-category-nav button{border-radius:10px;min-height:42px}.settings-overview-card{border-radius:14px}.profile-form input,.profile-form textarea,.auth-form input{border-radius:10px;min-height:46px}.mobile-nav{z-index:20;border-top:1px solid var(--line);background:color-mix(in srgb, var(--panel) 96%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 -8px 24px #241b310f}.mobile-nav button{border-radius:11px;min-width:70px;min-height:50px;transition:color .16s,background .16s,transform .16s}.mobile-nav button:active{transform:scale(.96)}@media (width<=900px) and (width>=681px){.app-shell{grid-template-columns:72px minmax(270px,34vw) minmax(0,1fr)}.rail-button{width:58px}.chat-header{padding-inline:16px}.chat-header-actions{gap:2px}}@media (width<=680px){.pwa-update-banner{bottom:calc(78px + env(safe-area-inset-bottom));gap:10px;padding:12px}.pwa-update-banner .button{min-height:38px;padding-inline:10px;font-size:11px}.app-shell{min-height:100dvh;padding-bottom:calc(68px + env(safe-area-inset-bottom))}.rail{display:none}.sidebar-header{min-height:80px;padding:14px 16px 10px}.search-field{margin-inline:14px}.conversation-list{padding-inline:7px}.conversation-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding-inline:12px}.conversation-filters button{justify-content:center;gap:5px;padding-inline:5px;font-size:9px}.conversation-filters button>small{display:none}.chat-header{min-height:calc(60px + env(safe-area-inset-top));padding:max(8px, env(safe-area-inset-top)) 8px 8px}.chat-header-person{max-width:38vw}.chat-header-person strong,.chat-header-person>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-header-actions{gap:0}.group-header-action{display:none}.call-action{width:34px}.chat-body{padding:18px 12px 20px}.message-bubble{max-width:84%}.composer{width:calc(100% - 20px);margin-bottom:0}.composer-note{flex-wrap:wrap;gap:4px 10px;width:calc(100% - 24px);margin-bottom:8px}.mobile-nav{min-height:calc(68px + env(safe-area-inset-bottom));padding:6px 12px max(6px, env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0}.mobile-nav button{min-width:64px}.settings-center{width:calc(100% - 28px);padding:16px 0 24px}.settings-category-nav-main{z-index:3;border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:5px;position:sticky;top:0;box-shadow:0 5px 16px #241b310e}.settings-category-nav-main button{min-height:38px}}@media (width<=380px){.chat-header-person{max-width:32vw}.chat-header-actions .call-action{width:31px}.mobile-nav{padding-inline:6px}.mobile-nav button{min-width:58px}}@media (prefers-reduced-motion:reduce){.rail-button,.conversation-row,.call-action,.icon-button,.person-card,.message-search-result,.mobile-nav button{transition:none}}.app-shell{background:var(--bg);grid-template-columns:76px minmax(300px,360px) minmax(0,1fr)}.rail{border-right:1px solid var(--line);background:var(--nav);padding:14px 0 12px}.rail-brand .brand-mark{color:var(--accent-strong);background:var(--accent-soft);box-shadow:none;border:0;border-radius:12px}.rail-nav{gap:7px;margin-top:20px}.rail-button,.rail-profile{width:64px;height:54px;color:var(--muted);border-radius:11px}.rail-button-label{letter-spacing:0;font-size:10px;display:block}.rail-button:hover{color:var(--text);background:var(--surface-hover)}.rail-button.active{color:var(--accent-strong);background:var(--accent-soft);border-color:#0000}.rail-button.active:before{background:var(--accent);width:3px;height:20px;left:-10px}.rail-badge{color:#fff;background:var(--accent-strong)}.sidebar{border-right-color:var(--line);background:var(--panel);box-shadow:none}.sidebar-header{min-height:68px;padding:16px 18px 10px}.sidebar-kicker{display:none}.sidebar-header h1{letter-spacing:-.025em;margin:0;font-size:21px;font-weight:700}.sidebar-header-actions{gap:4px}.sidebar-header-actions .icon-button{width:38px;height:38px;color:var(--accent-strong);background:0 0;border:0;border-radius:50%}.sidebar-header-actions .icon-button:hover{background:var(--accent-soft)}.sidebar-compose-actions{position:relative}.sidebar-compose-actions>summary{cursor:pointer;place-items:center;list-style:none;display:grid}.sidebar-compose-actions>summary::-webkit-details-marker{display:none}.sidebar-compose-actions[open]>summary{color:var(--accent-strong);background:var(--accent-soft)}.sidebar-compose-menu{z-index:15;border:1px solid var(--line);background:var(--panel);width:210px;box-shadow:var(--shadow-float);border-radius:12px;gap:2px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0}.sidebar-compose-menu button{min-height:40px;color:var(--text);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:0 10px;font-size:12px;display:flex}.sidebar-compose-menu button:hover{background:var(--surface)}.sidebar-compose-menu button svg{color:var(--muted);flex:none}.search-field{background:var(--surface);border:1px solid #0000;border-radius:10px;min-height:40px;margin:8px 14px 10px;padding-inline:12px}.search-field:focus-within{border-color:var(--accent-line);background:var(--panel);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 10%, transparent)}.search-field kbd{display:none}.conversation-list-heading{gap:6px;min-height:40px;padding:0 14px}.conversation-list-heading button{min-height:32px;color:var(--muted);border-radius:9px;padding:0 12px;font-size:12px;font-weight:600}.conversation-list-heading button.active{color:var(--accent-strong);background:var(--accent-soft)}.conversation-list-heading .subtle-count{display:none}.conversation-filters{grid-template-columns:repeat(4,max-content);justify-content:space-between;gap:4px;padding:3px 12px 8px}.conversation-filters button{border-radius:8px;justify-content:center;gap:0;min-height:32px;padding-inline:3px;font-size:10px;font-weight:550}.conversation-filters button>span{text-overflow:clip;white-space:nowrap;overflow:visible}.conversation-filters button>svg,.conversation-filters button>small{display:none}.conversation-filters button.active{color:var(--accent-strong);background:var(--surface);border-color:#0000}.conversation-list{padding:2px 8px 12px}.conversation-row{border:0;border-radius:10px;min-height:70px;margin-bottom:1px;padding:9px 10px}.conversation-row:hover{background:var(--surface);border-color:#0000}.conversation-row.selected{background:var(--accent-soft);border-color:#0000}.conversation-name{font-size:13px;font-weight:650}.conversation-preview{color:var(--muted);font-size:12px}.conversation-meta time{font-size:10px}.sidebar-footer{border-top-color:var(--line);background:var(--panel);min-height:44px;padding-inline:14px}.conversation-meta>svg{color:var(--muted)}.conversation-meta>svg[aria-label=Закреплён]{color:var(--accent-strong)}.version-label{display:none}.main-panel{background:var(--bg);flex-direction:column;min-height:0;display:flex}.chat-header{border-bottom-color:var(--line);background:var(--panel);min-height:62px;box-shadow:none;flex:none;gap:10px;padding-inline:18px}.chat-profile-trigger{flex:1}.chat-header-person strong{font-size:14px}.chat-header-person>span{margin-top:2px;font-size:11px}.chat-header-actions{gap:4px}.call-action{width:38px;height:38px;color:var(--muted);border-radius:50%}.call-action:hover:not(:disabled),.call-action-muted{color:var(--accent-strong);background:var(--accent-soft)}.chat-more-actions{position:relative}.chat-more-actions>summary{cursor:pointer;list-style:none}.chat-more-actions>summary::-webkit-details-marker{display:none}.chat-more-actions[open]>summary{color:var(--accent-strong);background:var(--accent-soft)}.chat-more-menu{z-index:15;border:1px solid var(--line);background:var(--panel);width:min(260px,100vw - 24px);box-shadow:var(--shadow-float);border-radius:12px;gap:2px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.chat-more-menu button{min-height:40px;color:var(--text);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:0 10px;font-size:12px;display:flex}.chat-more-menu button:hover{background:var(--surface)}.chat-more-menu button svg{color:var(--muted);flex:none}.chat-body{background:var(--bg);overscroll-behavior:contain;flex:1;width:100%;max-width:none;min-height:0;padding:24px clamp(18px,4vw,48px) 20px;overflow:auto}.chat-intro{max-width:430px;margin:auto;padding:32px 20px}.chat-intro .avatar-hero,.chat-intro .group-avatar-hero{width:64px;height:64px}.chat-intro h2{letter-spacing:-.02em;margin-top:18px;font-size:20px}.chat-intro p{max-width:340px;font-size:13px}.message-day-group{max-width:760px}.date-divider span{background:color-mix(in srgb, var(--panel) 90%, transparent);border:0;padding:5px 10px;font-size:11px}.message-bubble{background:var(--panel);border:0;border-radius:16px 16px 16px 5px;min-width:82px;max-width:min(68ch,78%);box-shadow:0 1px 1px #14212d0d}.message-bubble p{overflow-wrap:break-word;min-width:28px}.group-message-author{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.bubble-own{color:var(--text);background:#eee8f7;border-radius:16px 16px 5px}.composer{border:1px solid var(--line);background:var(--panel);width:min(780px,100% - 36px);min-height:50px;box-shadow:none;border-radius:14px;margin:8px auto 14px}.composer-note{display:none}.empty-state{gap:10px}.empty-orbit{width:64px;height:64px;box-shadow:none;border-radius:20px}.empty-state h2{font-size:clamp(22px,2.4vw,30px)}.mobile-nav{border-top-color:var(--line);background:color-mix(in srgb, var(--panel) 96%, transparent);box-shadow:0 -3px 16px #17232c0b}.mobile-nav button{min-height:48px;color:var(--muted)}[data-theme=dark] .rail{background:var(--nav)}[data-theme=dark] .rail-brand .brand-mark{color:var(--accent-strong);background:var(--accent-soft)}[data-theme=dark] .bubble-own{color:var(--text);background:#352c46}@media (width<=900px) and (width>=681px){.app-shell{grid-template-columns:72px minmax(270px,34vw) minmax(0,1fr)}.rail-button{width:60px}}@media (width<=680px){body:has(.app-shell){overscroll-behavior:none;height:100dvh;overflow:hidden}#root:has(.app-shell){height:100dvh;overflow:hidden}.app-shell{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.sidebar:not(.sidebar-visible),.main-panel:not(.main-visible){display:none}.sidebar-header{min-height:60px;padding:11px 16px 6px}.search-field{margin:6px 12px 8px}.conversation-list-heading{padding-inline:12px}.conversation-filters{grid-template-columns:repeat(4,max-content);padding-inline:10px}.conversation-filters button{padding-inline:2px;font-size:10px}.sidebar-footer{display:none}.chat-header{min-height:calc(58px + env(safe-area-inset-top));padding:max(7px, env(safe-area-inset-top)) 10px 7px}.back-button{width:36px;height:36px}.chat-header-person{max-width:none}.chat-header-actions{gap:0}.chat-header-actions .call-action,.chat-more-actions>summary{width:34px;height:36px}.chat-body{padding:16px 12px 18px}.message-bubble{max-width:86%}.composer{width:calc(100% - 20px);margin:6px auto 10px}.mobile-nav{min-height:calc(64px + env(safe-area-inset-bottom));padding:5px 10px max(5px, env(safe-area-inset-bottom))}.mobile-nav button{min-width:64px}}@media (width<=380px){.chat-header{gap:5px;padding-inline:6px}.chat-profile-trigger{gap:7px}.chat-profile-trigger .avatar-small,.chat-profile-trigger .group-avatar-small{width:34px;height:34px}.chat-header-actions .call-action,.chat-more-actions>summary{width:31px}}.contacts-content{overscroll-behavior:contain;flex-direction:column;flex:1;gap:12px;min-height:0;padding:10px 14px 18px;display:flex;overflow:auto}.contacts-content .section-description{margin:0;font-size:12px;line-height:1.5}.contact-tabs{background:var(--surface);box-shadow:none;border:0;border-radius:10px;gap:3px;margin:0;padding:3px}.contact-tabs button{letter-spacing:0;border-radius:8px;min-height:34px;padding-inline:5px;font-size:10px;font-weight:600}.contact-tabs button.active{color:var(--accent-strong);background:var(--panel);box-shadow:0 1px 3px #1c162614}.profile-results{gap:7px;display:grid}.person-card{border:1px solid var(--line);background:var(--panel);min-width:0;box-shadow:none;border-radius:12px;padding:10px}.person-profile-button{gap:9px}.person-profile-button .avatar-large{width:40px;height:40px}.person-details strong{font-size:12px}.person-details>span,.person-details p{font-size:10px}.person-card-actions{gap:2px}.person-card-actions .icon-button,.person-card-actions .icon-button-accent{background:0 0;border:0;border-radius:50%;width:32px;height:32px}.person-card-actions .icon-button:hover,.person-card-actions .icon-button-accent:hover{background:var(--accent-soft)}.settings-category-nav button{border-radius:9px;min-height:40px;font-size:12px}.settings-center{gap:11px}.settings-overview-heading .eyebrow{letter-spacing:.12em;font-size:10px}.settings-overview-heading h2{letter-spacing:-.03em;margin:5px 0;font-size:clamp(22px,2.4vw,28px)}.settings-overview-heading p{margin-top:5px;font-size:12px;line-height:1.5}.settings-overview-card{min-height:76px;padding:12px}.settings-overview-card .avatar-hero{width:52px;height:52px}.settings-overview-card strong{font-size:14px}.settings-overview-card span,.settings-profile-form label>span{font-size:11px}.settings-link{background:var(--panel);border-radius:11px;gap:12px;min-height:56px;padding:9px 12px}.settings-link>svg:first-child{flex:none;width:18px;height:18px}.settings-link>span:first-of-type strong{font-size:12px}.settings-link>span:first-of-type small{font-size:10px}.toggle{border-radius:999px;flex:none;width:38px;height:22px}.toggle i{width:16px;height:16px;top:3px;left:3px}.toggle.is-on i{transform:translate(16px)}.profile-modal{border-radius:18px}.profile-cover{background:linear-gradient(135deg, var(--accent-soft), var(--surface))}.profile-modal-content{gap:10px}.profile-secondary-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.profile-secondary-actions .button{gap:6px;min-width:0;min-height:40px;padding-inline:8px;font-size:11px}.profile-block-action:hover:not(:disabled){color:var(--danger);border-color:color-mix(in srgb, var(--danger) 30%, var(--line));background:color-mix(in srgb, var(--danger) 6%, var(--panel))}.group-modal{border-radius:18px}.group-modal-body{gap:10px;padding:14px}.group-person-row,.group-member-row{border-radius:10px;min-height:50px}.group-person-row:hover,.group-member-row:hover{background:var(--surface)}.attachment-preview-modal{border-radius:14px}.attachment-preview-modal header{border-bottom:1px solid var(--line);min-height:48px;padding:8px 12px}.attachment-preview-modal img{max-height:calc(100dvh - 76px)}.call-overlay{border-radius:18px}.call-dialog-header{min-height:54px}.call-overlay-expanded .call-dialog,.call-overlay-expanded .call-dialog-header,.call-overlay-expanded .call-controls{background:#17141e}.call-control{width:50px;height:50px}.call-control.call-accept{background:#55866f}.call-control.call-decline{background:#b65f6a}.auth-card{border-radius:20px;box-shadow:0 18px 54px #251c301a}.auth-page-login:before{background:radial-gradient(at 18% 72%,#a691ca38,#0000 49%),linear-gradient(145deg,#302a3a,#231f2b 62%,#393044);width:min(45vw,600px)}.auth-story{background:linear-gradient(145deg,#302a3a5c,#302a3a0a);border-radius:24px}.auth-story:after{border-color:#d7cbe91f}.auth-story-copy>span{color:#d0c5df}.auth-form input,.profile-form input,.profile-form textarea{border-radius:9px;min-height:44px}.button,.button-primary,.button-secondary{border-radius:10px}.button-primary,.button-primary:hover:not(:disabled),.send-button,.send-button:hover:not(:disabled){color:#fff;background:var(--accent-strong)}.button-primary:hover:not(:disabled),.send-button:hover:not(:disabled){filter:brightness(.94)}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#15111b7a}.forward-modal{border-radius:16px}.toast{border-radius:12px}@media (width<=680px){.contacts-content{gap:10px;padding:8px 12px 16px}.contact-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.contact-tabs button{white-space:nowrap;min-width:0;padding-inline:1px;font-size:clamp(8px,2.45vw,10px)}.person-card{padding:8px}.person-profile-button .avatar-large{width:36px;height:36px}.settings-center{gap:10px}.profile-modal,.group-modal{border-radius:20px 20px 0 0;max-height:min(760px,92dvh)}.profile-secondary-actions .button{font-size:10px}}.app-shell.settings-mode{grid-template-columns:76px minmax(0,1fr)}.settings-mode .sidebar{display:none}.settings-panel{min-width:0}.settings-panel .settings-center{flex:1;gap:18px;width:min(760px,100% - 48px);max-height:none;padding:28px 0 42px;overflow:hidden auto}.settings-home{flex-direction:column;gap:16px;display:flex}.settings-home-heading h2{color:var(--text);letter-spacing:-.045em;margin:8px 0 5px;font-size:clamp(28px,4vw,36px)}.settings-home-heading p{color:var(--muted);margin:0;font-size:14px}.settings-home-profile{border:1px solid var(--line);background:var(--panel);border-radius:16px;align-items:center;gap:14px;min-height:78px;padding:14px 16px;display:flex}.settings-home-profile>span:last-child{gap:4px;display:grid}.settings-home-profile strong{color:var(--text);font-size:15px}.settings-home-profile small{color:var(--muted);font-size:12px}.settings-home-list{border:1px solid var(--line);background:var(--panel);border-radius:16px;display:grid;overflow:hidden}.settings-home-item{min-width:0;min-height:72px;color:var(--text);border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:14px;padding:12px 16px;transition:background .16s;display:flex}.settings-home-item:last-child{border-bottom:0}.settings-home-item:hover{background:var(--surface)}.settings-home-icon{width:40px;height:40px;color:var(--accent-strong);background:var(--accent-soft);border-radius:12px;flex:none;place-items:center;display:grid}.settings-home-copy{flex:1;gap:4px;min-width:0;display:grid}.settings-home-copy strong{font-size:14px}.settings-home-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.settings-home-chevron{color:var(--muted);flex:none}.settings-home-logout{min-height:44px;color:var(--danger);border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:11px;align-self:flex-start;padding-inline:12px}.settings-page-header{z-index:4;min-height:58px;color:var(--muted);border-bottom:1px solid var(--line);background:var(--bg);align-items:center;gap:18px;margin-bottom:2px;display:flex;position:sticky;top:-1px}.settings-back-button{min-height:40px;color:var(--accent-strong);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;padding:0 12px 0 0;font-size:14px;font-weight:650;display:inline-flex}.settings-back-button:hover{color:var(--text)}.settings-overview-card{gap:16px}.settings-avatar-button{cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;padding:0;display:grid;position:relative}.settings-avatar-button>span:last-child{width:27px;height:27px;color:var(--accent-strong);border:2px solid var(--panel);background:var(--accent-soft);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:0;right:0}.contact-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=900px) and (width>=681px){.app-shell.settings-mode{grid-template-columns:64px minmax(0,1fr)}}@media (width<=680px){.app-shell.settings-mode{display:block}.settings-mode .sidebar{display:none}.settings-panel .settings-center{gap:14px;width:calc(100% - 32px);padding:16px 0 28px}.settings-home{gap:13px}.settings-home-profile{min-height:70px;padding:11px 13px}.settings-home-item{gap:11px;min-height:66px;padding-inline:12px}.settings-home-icon{border-radius:11px;width:36px;height:36px}.settings-home-copy small{font-size:11px}.settings-page-header{gap:12px;min-height:52px}}.call-overlay-expanded{height:100dvh;max-height:100dvh}.call-overlay-expanded .call-dialog{height:100dvh;min-height:0}.call-overlay-expanded.call-overlay-video .call-dialog{grid-template-rows:auto auto minmax(0,1fr) auto;display:grid}.call-overlay-expanded.call-overlay-video .call-peer{align-items:center;justify-items:initial;text-align:left;flex:none;gap:10px;min-height:0;padding:10px 18px;display:flex}.call-overlay-expanded.call-overlay-video .call-peer .avatar-hero{flex:none;width:40px;height:40px}.call-overlay-expanded.call-overlay-video .call-peer strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.call-overlay-expanded.call-overlay-video .call-peer>span{white-space:nowrap;margin-left:auto}.call-overlay-expanded.call-overlay-video .call-video-stage{flex:initial;aspect-ratio:auto;width:100%;min-width:0;min-height:0}.call-overlay-expanded.call-overlay-video .call-remote-video{object-fit:contain;width:100%;height:100%;display:block}.call-overlay-expanded.call-overlay-video .call-local-video{width:clamp(88px,16vw,220px);max-width:30%;max-height:32%}.call-overlay-expanded.call-overlay-video .call-controls{padding-top:12px;padding-bottom:max(16px, env(safe-area-inset-bottom))}.forwarded-message-indicator{color:#706783;align-items:center;gap:4px;width:max-content;min-width:0;max-width:100%;margin-bottom:4px;font-size:10px;font-weight:600;display:flex}.forwarded-message-indicator svg{flex:none}.forwarded-message-indicator span{white-space:nowrap;flex:none}.message-bubble.has-forwarded-header{width:max-content;max-width:100%}.message-content-forwarded{width:max-content;max-width:min(610px,100vw - 76px)}.message-content-forwarded-own{max-width:min(610px,100vw - 32px)}.forwarded-message-indicator .forwarded-label{flex:none}.forwarded-message-own{color:#858398}@media (width<=680px){.call-overlay-expanded.call-overlay-video .call-dialog-header{min-height:calc(54px + env(safe-area-inset-top))}.call-overlay-expanded.call-overlay-video .call-peer{gap:8px;padding:8px 14px}.call-overlay-expanded.call-overlay-video .call-peer .avatar-hero{width:34px;height:34px}.call-overlay-expanded.call-overlay-video .call-peer strong{max-width:46%;font-size:13px}.call-overlay-expanded.call-overlay-video .call-peer>span{font-size:11px}.call-overlay-expanded.call-overlay-video .call-controls{padding:10px 12px max(16px, env(safe-area-inset-bottom));gap:12px}.call-overlay-expanded.call-overlay-video .call-control{width:46px;height:46px}.app-shell{width:100%;height:100dvh;min-height:0;padding-bottom:calc(68px + env(safe-area-inset-bottom));position:fixed;inset:0;overflow:hidden}.mobile-nav{min-height:calc(64px + env(safe-area-inset-bottom));padding:4px 10px max(4px, env(safe-area-inset-bottom));position:absolute;bottom:0;left:0;right:0}.settings-panel .settings-center{padding-top:max(28px, calc(env(safe-area-inset-top) + 12px));padding-bottom:28px}.sidebar{min-height:0;overflow:hidden}.sidebar-header{min-height:calc(80px + env(safe-area-inset-top));padding-top:max(14px, env(safe-area-inset-top))}.conversation-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow:hidden auto}.main-panel{width:100%;height:100%;min-height:0;overflow:hidden}.chat-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow:hidden auto}.search-field input,.composer textarea,.auth-form input,.profile-form input,.profile-form textarea,.settings-content input,.settings-content textarea,.settings-content select{font-size:16px}}:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#100d1b;--panel:#191528;--surface:#211b32;--surface-hover:#2b2340;--accent:#9562f2;--accent-strong:#b28aff;--accent-soft:#302347;--accent-line:#493664;--nav:#151121;--nav-raised:#29213b;--text:#f3efff;--muted:#a7a0b7;--line:#302941;--success:#55c99a;--danger:#ef7c91;--shadow-card:0 12px 32px #00000038;--shadow-float:0 24px 70px #0006}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f0fa;--panel:#fff;--surface:#f3effa;--surface-hover:#ebe5f5;--accent:#8052d6;--accent-strong:#6941b5;--accent-soft:#eee7fa;--accent-line:#ded1f1;--nav:#faf8fd;--nav-raised:#eee8f6;--text:#292433;--muted:#777184;--line:#e5dfed;--success:#358b69;--danger:#be586e;--shadow-card:0 8px 26px #39226012;--shadow-float:0 18px 48px #2516432e}html,body,#root{background:var(--bg)}body{color:var(--text);background:radial-gradient(ellipse at 82% 4%, color-mix(in srgb, var(--accent) 15%, transparent), transparent 34rem), var(--bg)}.app-shell{background:0 0}.rail{background:linear-gradient(#171327,#110e1b 80%);border-right:1px solid #c6a8ff17}.rail-brand .brand-mark,.brand-mark{color:#e4d4ff;background:linear-gradient(145deg,#8b5de5,#5533a4);border-color:#c09aff3d;box-shadow:0 8px 28px #8953e64d,inset 0 1px #ffffff3d}.rail-button{color:#aaa1bf}.rail-button:hover,.rail-button.active{color:#f2eaff;background:linear-gradient(135deg,#905bea33,#5c3f9126);border-color:#bc94ff26}.rail-button.active:before{background:#b18aff;box-shadow:0 0 16px #b18affbf}.sidebar{border-right-color:var(--line);background:linear-gradient(180deg, color-mix(in srgb, var(--panel) 96%, #362451), var(--panel) 35%)}.sidebar-header,.chat-header{background:color-mix(in srgb, var(--panel) 94%, transparent)}.sidebar-header h1,.chat-header-person strong,.settings-home-heading h2{color:var(--text)}.sidebar-kicker,.eyebrow{color:var(--accent-strong)}.search-field,.contact-tabs,.settings-category-nav-main{border-color:var(--line);background:var(--surface)}.search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent), 0 0 22px color-mix(in srgb, var(--accent) 12%, transparent)}.conversation-row{border:1px solid #0000}.conversation-row:hover,.conversation-row.selected{border-color:color-mix(in srgb, var(--accent) 24%, transparent);background:linear-gradient(110deg, color-mix(in srgb, var(--accent) 16%, var(--surface)), var(--surface))}.conversation-list-heading button.active,.conversation-filters button.active,.contact-tabs button.active{color:var(--accent-strong);border-color:var(--accent-line);background:var(--accent-soft)}.main-panel,.chat-body{background:0 0}.chat-header{border-bottom-color:var(--line);box-shadow:0 5px 24px #00000014}.message-bubble{color:var(--text);background:linear-gradient(145deg,#211c30,#1a1725);border-color:#c2aaef21;box-shadow:0 7px 22px #00000029}.bubble-own{color:#fff;background:linear-gradient(135deg,#7548c8,#5736a4);border-color:#c3a4ff3d;box-shadow:0 7px 24px #673db13b}.date-divider span{color:var(--muted);border-color:var(--line);background:color-mix(in srgb, var(--panel) 88%, transparent)}.composer{border-color:var(--line);background:color-mix(in srgb, var(--panel) 94%, #35254d);box-shadow:0 12px 36px #0003,inset 0 1px #ffffff09}.composer:focus-within{border-color:color-mix(in srgb, var(--accent) 70%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent), 0 12px 36px #0003}.send-button,.button-primary,.button-primary:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#a46cff,#7040d1);border-color:#0000;box-shadow:0 6px 20px #7c44d64d}.icon-button:hover,.call-action:hover:not(:disabled),.chat-more-actions[open]>summary{color:var(--accent-strong);background:var(--accent-soft)}.settings-home-profile,.settings-home-item,.settings-overview-card,.settings-overview-details>div,.person-card,.message-search-result,.forward-modal,.group-modal,.profile-modal{color:var(--text);border-color:var(--line);background:linear-gradient(145deg, color-mix(in srgb, var(--panel) 94%, #382456), var(--panel));box-shadow:var(--shadow-card)}.settings-home-item:hover,.person-card:hover,.message-search-result:hover{border-color:var(--accent-line);background:linear-gradient(145deg, var(--surface-hover), var(--panel))}.settings-home-icon,.empty-orbit{color:var(--accent-strong);border-color:var(--accent-line);background:linear-gradient(145deg, var(--accent-soft), color-mix(in srgb, var(--accent) 12%, var(--panel)))}.settings-category-nav button.active,.settings-category-nav-main button.active{color:var(--accent-strong);background:linear-gradient(100deg, color-mix(in srgb, var(--accent) 20%, var(--panel)), var(--accent-soft))}.mobile-nav{border-color:var(--line);background:color-mix(in srgb, var(--panel) 92%, transparent);box-shadow:0 -8px 28px #0003}.mobile-nav button.active{color:#d3baff;background:linear-gradient(145deg,#915ee63d,#6f47b329)}.chat-more-menu,.sidebar-compose-menu,.message-actions,.reaction-picker,.forward-modal,.group-modal,.profile-modal,.toast{border-color:var(--line);background:var(--panel);box-shadow:var(--shadow-float)}[data-theme=dark] .auth-page,[data-theme=dark] .setup-page{color:var(--text);background:radial-gradient(at 70% 22%,#804dd02e,#0000 35rem),radial-gradient(at 18% 82%,#53378b33,#0000 34rem),#100d1b}[data-theme=dark] .auth-page-login:before,[data-theme=dark] .setup-page:before{background:radial-gradient(at 18% 72%,#9368dd3d,#0000 48%),linear-gradient(145deg,#211a31,#171322 58%,#2c2040)}[data-theme=dark] .auth-card,[data-theme=dark] .setup-card{color:var(--text);background:linear-gradient(145deg,#211b31f7,#161221fa);border-color:#c3a4ff2e;box-shadow:0 28px 90px #0006,inset 0 1px #ffffff0b}[data-theme=dark] .auth-card h1,[data-theme=dark] .setup-card h1,[data-theme=dark] .auth-page-login .auth-brand{color:var(--text)}[data-theme=dark] .auth-form input,[data-theme=dark] .profile-form input,[data-theme=dark] .profile-form textarea,[data-theme=dark] .input-prefix{color:var(--text);border-color:var(--line);background:#100d1b}[data-theme=dark] .auth-form label,[data-theme=dark] .profile-form label{color:#d7d0e5}[data-theme=dark] .auth-form input:focus,[data-theme=dark] .profile-form input:focus,[data-theme=dark] .profile-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}[data-theme=light] .rail{background:linear-gradient(#272039,#181321 80%)}[data-theme=light] .rail-button{color:#c4b8d7}[data-theme=light] .rail-button.active{color:#f2eaff}[data-theme=light] .message-bubble{color:var(--text);border-color:var(--line);background:var(--panel)}[data-theme=light] .bubble-own{color:#fff;background:linear-gradient(135deg,#8b59df,#6841b8);border-color:#0000}@media (width<=680px){.sidebar,.main-panel{background:var(--bg)}.mobile-nav button.active{background:linear-gradient(145deg,#915ee62e,#6f47b31f)}}.conversation-filters{align-items:stretch;gap:5px;width:100%;min-width:0;display:flex}.conversation-filters button{text-align:center;white-space:nowrap;border:1px solid #0000;border-radius:9px;flex:1 1 0;justify-content:center;align-items:center;gap:5px;min-width:0;padding-inline:5px;display:flex}.conversation-filters button>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.conversation-filters button.active{border-color:var(--accent-line);background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent-line) 35%, transparent)}.conversation-filters button:focus-visible{outline:2px solid var(--accent-strong);outline-offset:1px}@media (width<=680px){.conversation-filters{gap:3px;padding-inline:10px}.conversation-filters button{gap:4px;padding-inline:3px;font-size:9px}.conversation-filters button>svg{width:12px;height:12px}}