@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Inter,system-ui,sans-serif;color:#f4f4f5;background:#090909;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #090909;--panel: #101010;--panel-raised: #151515;--border: #252525;--muted: #858585;--text: #f4f4f5;--accent: #f1f1f1}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}#root{min-height:100vh}.loading-screen,.auth-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 40%,#171717,#090909 60%)}.loading-screen{display:flex;flex-direction:column;gap:16px;color:var(--muted);font-size:14px}.brand-mark{width:52px;height:52px;display:grid;place-items:center;border:1px solid #414141;border-radius:17px;background:linear-gradient(145deg,#222,#111);color:#fff}.auth-card{width:min(420px,calc(100% - 36px));padding:38px;border:1px solid var(--border);border-radius:22px;background:#111111f0;box-shadow:0 28px 100px #0009}.auth-card .brand-mark{margin-bottom:27px}.eyebrow{margin:0 0 9px;color:#929292;font-size:10px;font-weight:700;letter-spacing:.18em}.auth-card h1{margin:0;font:800 36px Manrope,sans-serif;letter-spacing:-.05em}.auth-copy{color:#a3a3a3;font-size:14px;line-height:1.65;margin:12px 0 26px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:0 16px;border:1px solid #f4f4f4;border-radius:10px;background:#f2f2f2;color:#101010;font-size:13px;font-weight:700;transition:.18s ease}.primary-button:hover:not(:disabled){background:#fff;transform:translateY(-1px)}.sign-in-button{width:100%;min-height:48px}.auth-foot,.service-note{display:flex;align-items:center;gap:8px;color:#777;font-size:11px}.auth-foot{margin-top:22px}.service-note{margin:19px 0 0;color:#a5a5a5}.notice{padding:11px 13px;border-radius:9px;margin:0 0 16px;font-size:12px;line-height:1.5}.error-notice{border:1px solid #613737;background:#241313;color:#f0b5b5}.app-shell{display:flex;height:100dvh;min-height:520px;background:var(--bg);overflow:hidden}.sidebar{display:flex;flex-direction:column;width:328px;min-width:280px;border-right:1px solid var(--border);background:#0d0d0d}.sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:23px 20px 19px}.brand-lockup{display:flex;align-items:center;gap:11px}.small-mark{width:37px;height:37px;border-radius:12px}.brand-lockup strong{display:block;font:700 15px Manrope,sans-serif;letter-spacing:-.02em}.brand-lockup span{display:block;margin-top:3px;color:#777;font-size:8px;letter-spacing:.16em}.icon-button{width:36px;height:36px;display:grid;place-items:center;border:1px solid transparent;border-radius:10px;background:transparent;color:#999}.icon-button:hover{border-color:#303030;background:#1a1a1a;color:#fff}.new-chat-button{border-color:#303030;background:#171717;color:#ddd}.service-banner{display:flex;align-items:center;gap:11px;margin:5px 15px 25px;padding:13px;border:1px solid #292929;border-radius:12px;background:linear-gradient(110deg,#191919,#111)}.service-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid #353535;border-radius:10px;background:#222;color:#eee}.service-banner strong,.service-banner span:not(.service-dot){display:block}.service-banner strong{font-size:13px}.service-banner div:nth-child(2) span{margin-top:3px;color:#858585;font-size:10px}.service-dot{width:7px;height:7px;margin-left:auto;border-radius:50%;background:#75bd8b;box-shadow:0 0 10px #75bd8b55}.section-heading{display:flex;align-items:center;justify-content:space-between;padding:0 20px 9px;color:#777;font-size:9px;font-weight:700;letter-spacing:.15em}.section-heading button{display:grid;place-items:center;width:24px;height:24px;border:0;border-radius:7px;background:transparent;color:#888}.section-heading button:hover{background:#202020;color:#fff}.conversation-list{flex:1;overflow-y:auto;padding:0 9px}.conversation-item{display:flex;align-items:center;width:100%;gap:11px;padding:11px 10px;border:1px solid transparent;border-radius:11px;background:transparent;text-align:left}.conversation-item:hover{background:#171717}.conversation-item.active{border-color:#292929;background:#1b1b1b}.avatar{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border:1px solid #343434;border-radius:13px;background:linear-gradient(145deg,#292929,#181818);color:#e8e8e8;font-size:12px;font-weight:700}.group-avatar{background:#222;color:#bcbcbc}.conversation-copy{min-width:0;flex:1}.conversation-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.conversation-title strong{overflow:hidden;color:#e8e8e8;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.conversation-title time{flex:0 0 auto;color:#686868;font-size:9px}.conversation-copy p{overflow:hidden;margin:5px 0 0;color:#818181;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.empty-list{display:flex;flex-direction:column;align-items:center;gap:10px;padding:50px 16px;color:#777;font-size:12px;text-align:center}.empty-list button{border:0;background:transparent;color:#eee;font-size:11px;text-decoration:underline}.sidebar-bottom{padding:13px;border-top:1px solid #202020}.account-chip{display:flex;align-items:center;gap:10px;padding:7px;border-radius:11px}.account-avatar{width:35px;height:35px;border-radius:11px}.account-copy{flex:1;min-width:0}.account-copy strong,.account-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-copy strong{font-size:11px}.account-copy span{margin-top:3px;color:#777;font-size:9px}.chat-panel{position:relative;display:flex;flex:1;flex-direction:column;min-width:0;background:radial-gradient(ellipse at 50% 0%,#121212,#0b0b0b 58%)}.welcome-panel{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.welcome-icon{width:68px;height:68px;display:grid;place-items:center;margin-bottom:20px;border:1px solid #343434;border-radius:22px;background:#171717;color:#ddd}.welcome-panel h2{margin:0;font:700 21px Manrope,sans-serif;letter-spacing:-.04em}.welcome-panel p{max-width:360px;margin:10px 0 22px;color:#888;font-size:13px;line-height:1.6}.privacy-line{display:flex;align-items:center;gap:7px;margin-top:25px;color:#707070;font-size:10px}.chat-header{position:relative;z-index:2;display:flex;align-items:center;gap:12px;min-height:75px;padding:0 25px;border-bottom:1px solid #222;background:#0d0d0def}.header-avatar{width:39px;height:39px}.header-copy{flex:1}.header-copy strong,.header-copy span{display:block}.header-copy strong{font-size:13px}.header-copy span{margin-top:4px;color:#7c7c7c;font-size:10px}.header-actions{position:relative}.action-menu{position:absolute;top:43px;right:0;width:150px;padding:5px;border:1px solid #303030;border-radius:10px;background:#191919;box-shadow:0 12px 35px #0009}.action-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:9px;border:0;border-radius:7px;background:transparent;color:#ddd;font-size:11px;text-align:left}.action-menu button:hover{background:#292929}.message-stream{flex:1;overflow-y:auto;padding:28px max(28px,calc((100% - 790px)/2))}.conversation-intro{display:flex;flex-direction:column;align-items:flex-start;padding:16px 0 29px;margin-bottom:18px;border-bottom:1px solid #202020}.intro-avatar{width:54px;height:54px;border-radius:17px}.conversation-intro h3{margin:15px 0 0;font:700 17px Manrope,sans-serif}.conversation-intro p{margin:6px 0 11px;color:#858585;font-size:11px}.conversation-intro span{display:flex;align-items:center;gap:5px;color:#666;font-size:9px}.message-row{display:flex;align-items:flex-end;gap:9px;margin:13px 0}.message-row.mine{justify-content:flex-end}.message-avatar{flex:0 0 auto;width:27px;height:27px;display:grid;place-items:center;border:1px solid #333;border-radius:9px;background:#202020;color:#ccc;font-size:8px;font-weight:700}.message-content{display:flex;flex-direction:column;align-items:flex-start;max-width:min(75%,570px)}.message-row.mine .message-content{align-items:flex-end}.sender-name{margin:0 0 5px 3px;color:#aaa;font-size:10px}.message-bubble{padding:10px 13px;border:1px solid #2a2a2a;border-radius:13px 13px 13px 4px;background:#1a1a1a;color:#e7e7e7;font-size:12px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.mine .message-bubble{border-color:#373737;border-radius:13px 13px 4px;background:#282828}.message-meta{display:flex;align-items:center;gap:4px;margin:4px 3px 0;color:#666;font-size:9px}.mine .message-meta svg{color:#9c9c9c}.composer{padding:14px 25px 21px;border-top:1px solid #202020}.composer-inner{display:flex;align-items:center;gap:10px;max-width:790px;margin:0 auto;padding:7px 8px 7px 15px;border:1px solid #333;border-radius:13px;background:#151515}.composer-inner:focus-within{border-color:#555}.composer input{flex:1;min-width:0;padding:8px 0;border:0;outline:0;background:transparent;color:#fff;font-size:12px}.composer input::placeholder{color:#707070}.composer-hint{color:#606060;font-size:9px;white-space:nowrap}.send-button{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:10px;background:#eee;color:#111}.send-button:disabled{background:#333;color:#777}.toast-error{position:absolute;z-index:5;top:14px;left:50%;display:flex;align-items:center;gap:14px;max-width:min(600px,calc(100% - 28px));padding:10px 13px;transform:translate(-50%);border:1px solid #673737;border-radius:10px;background:#251414;color:#f0baba;font-size:11px;box-shadow:0 10px 30px #0009}.toast-error button{display:grid;place-items:center;border:0;background:transparent;color:#f0baba}.modal-backdrop{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#000a;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.new-chat-modal{display:flex;flex-direction:column;width:min(470px,100%);max-height:min(650px,calc(100dvh - 36px));padding:21px;border:1px solid #333;border-radius:17px;background:#121212;box-shadow:0 25px 90px #000b}.new-chat-modal header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:18px}.new-chat-modal h2{margin:0;font:700 17px Manrope,sans-serif}.new-chat-modal header p{margin:6px 0 0;color:#858585;font-size:11px}.search-field{display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid #333;border-radius:10px;background:#1a1a1a;color:#888}.search-field input{width:100%;height:43px;border:0;outline:0;background:transparent;color:#fff;font-size:12px}.group-title-input{height:40px;margin-top:10px;padding:0 12px;border:1px solid #333;border-radius:9px;outline:0;background:#181818;color:#fff;font-size:12px}.directory-results{flex:1;min-height:150px;overflow-y:auto;margin:10px -5px}.directory-hint{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:145px;color:#777;font-size:11px;text-align:center}.directory-person{display:flex;align-items:center;gap:11px;width:100%;padding:9px 7px;border:1px solid transparent;border-radius:10px;background:transparent;text-align:left}.directory-person:hover,.directory-person.selected{border-color:#303030;background:#1d1d1d}.directory-person .avatar{width:35px;height:35px;border-radius:11px}.directory-person strong{flex:1;font-size:12px}.selection-check{color:#bbb}.new-chat-modal footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:13px;border-top:1px solid #282828;color:#888;font-size:10px}.back-button{display:none}@media(max-width:720px){.sidebar{width:100%;min-width:0;border-right:0}.chat-panel{display:none}.chat-panel.chat-panel-mobile{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.sidebar.sidebar-hidden-mobile{display:none}.back-button{display:grid}.chat-header{min-height:66px;padding:0 12px;gap:9px}.message-stream{padding:18px 15px}.composer{padding:10px 12px max(12px,env(safe-area-inset-bottom))}.composer-hint{display:none}.message-content{max-width:83%}.conversation-intro{padding-top:8px}.auth-card{padding:30px 24px}}.key-input-label{display:flex;flex-direction:column;gap:8px;margin:0 0 15px;color:#c7c7c7;font-size:12px;font-weight:600}.key-input-label input{width:100%;min-height:45px;padding:0 13px;border:1px solid #343434;border-radius:9px;outline:none;background:#0b0b0b;color:#f4f4f5;font-size:13px}.key-input-label input:focus{border-color:#777}.key-signout{display:block;margin:15px auto 0;padding:5px 9px;border:0;background:transparent;color:#888;font-size:11px}.key-signout:hover{color:#ddd}.install-app-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:42px;margin-top:14px;padding:0 14px;border:1px solid #3b3b3b;border-radius:10px;background:#1b1b1b;color:#ededed;font-size:12px;font-weight:600;transition:background .18s ease,border-color .18s ease}.install-app-button:hover{border-color:#666;background:#252525}.install-app-button.compact{min-height:36px;margin:0 0 9px;background:transparent;color:#aaa}.install-app-button.compact:hover{background:#1b1b1b;color:#fff}html,body,#root{min-height:100%;background:var(--bg)}body{min-height:100dvh;overscroll-behavior-y:none}.app-shell{padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.auth-screen,.loading-screen{padding-top:max(18px,env(safe-area-inset-top,0px));padding-right:max(18px,env(safe-area-inset-right,0px));padding-bottom:max(18px,env(safe-area-inset-bottom,0px));padding-left:max(18px,env(safe-area-inset-left,0px))}@media(max-width:720px){.chat-panel.chat-panel-mobile{padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.sidebar-top{padding-top:max(23px,env(safe-area-inset-top,0px))}.composer{padding-bottom:max(12px,env(safe-area-inset-bottom,0px))}}.call-actions{display:flex;align-items:center;gap:2px}.call-backdrop{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#000c;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.call-window{display:flex;flex-direction:column;width:min(520px,100%);overflow:hidden;border:1px solid #353535;border-radius:20px;background:#111;box-shadow:0 30px 100px #000c}.call-window-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #292929}.call-window-header strong,.call-window-header span{display:block}.call-window-header strong{font-size:14px}.call-window-header div span{margin-top:4px;color:#888;font-size:11px}.call-live-dot{width:8px;height:8px;border-radius:50%;background:#72bd88;box-shadow:0 0 12px #72bd8866}.call-video-stage{position:relative;min-height:250px;aspect-ratio:16/10;background:#080808}.remote-video{width:100%;height:100%;object-fit:cover}.local-video{position:absolute;right:14px;bottom:14px;width:28%;max-height:130px;aspect-ratio:4/3;object-fit:cover;border:1px solid #555;border-radius:12px;background:#202020}.call-video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#aaa;font-size:12px;pointer-events:none}.voice-call-avatar{display:flex;flex-direction:column;align-items:center;gap:13px;padding:55px 20px;color:#aaa;font-size:12px}.voice-call-avatar div{display:grid;place-items:center;width:90px;height:90px;border:1px solid #444;border-radius:28px;background:#242424;color:#fff;font:700 25px Manrope,sans-serif}.call-error{margin:0;padding:10px 18px;background:#281717;color:#efb6b6;font-size:11px}.call-controls{display:flex;align-items:center;justify-content:center;gap:14px;padding:18px;border-top:1px solid #292929}.call-control{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:66px;min-height:62px;border:1px solid #3b3b3b;border-radius:14px;background:#202020;color:#eee;font-size:10px}.call-control.selected{background:#444}.call-control.accept{border-color:#4b9a63;background:#24643a}.call-control.decline{border-color:#914b4b;background:#782d2d}@media(max-width:720px){.call-backdrop{padding:12px}.call-window{border-radius:17px}.call-video-stage{min-height:220px}}.remote-audio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}