@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}.profile-results{gap:7px;display:grid}.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}}.app-shell{background:var(--bg);grid-template-columns:76px minmax(340px,390px) minmax(0,1fr)}.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}.app-shell{background:#f5f5f6}.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-row.selected{background:#f1eff4;border-color:#e4e1e9}.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}.message-bubble{color:#37353d;background:#fff;border-color:#e7e6e9;box-shadow:0 1px 3px #2220280a}.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:#f3f2f5;--panel:#fff;--surface:#f7f6f8;--surface-hover:#efedf2;--accent:#766b8d;--accent-strong:#625774;--accent-soft:#eeebf2;--accent-line:#e3deea;--nav:#24212d;--nav-raised:#302c3a;--text:#2e2b34;--muted:#77737f;--line:#e8e6eb;--success:#4f846e;--danger:#b65f6a;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--shadow-card:0 12px 34px #25202d12;--shadow-float:0 18px 56px #25202d24;--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:#17151c;--panel:#201e27;--surface:#282530;--surface-hover:#322e3b;--accent:#b1a5c5;--accent-strong:#c8bdd8;--accent-soft:#302b39;--accent-line:#41394d;--nav:#15131a;--nav-raised:#211e28;--text:#eeecf1;--muted:#aaa6b1;--line:#34313c;--success:#72a58c;--danger:#d1848d;--shadow-card:0 12px 34px #0000002e;--shadow-float:0 18px 56px #00000052}body{color:var(--text);background:var(--bg)}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}.rail-button:hover{color:#fff;background:#ffffff14}.rail-button.active{color:#fff;background:#393443;border-color:#ffffff17}.rail-badge{color:#fff;background:#847995}.sidebar{border-right:1px solid var(--line);background:var(--panel);min-width:0}.sidebar-header{min-height:82px;padding:18px 22px 14px}.sidebar-kicker,.list-heading,.settings-section-title{color:var(--muted)}.sidebar-header h1{color:var(--text);letter-spacing:-.035em;font-size:22px}.search-field{border-color:var(--line);border-radius:var(--radius-sm);min-height:43px;color:var(--muted);background:var(--surface)}.search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 10%, transparent)}.search-field input,.search-field input::placeholder{color:var(--text)}.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-list{padding:0 10px}.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-row.selected{border-color:var(--accent-line);background:var(--accent-soft)}.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)}.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-logout{color:var(--danger)}.toggle{background:#d4d1da}.toggle.is-on{background:var(--accent)}.toggle i{background:#fff}.main-panel,.chat-body{background:var(--bg)}.chat-header{border-color:var(--line);background:var(--panel);min-height:70px}.chat-header-person span,.chat-intro p{color:var(--muted)}.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:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 10%, transparent)}.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)}.settings-overview{gap:18px;width:min(700px,100% - 64px)}.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)}.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)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1412197a}.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)}.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-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{background:var(--nav)}[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}.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}}
