:root{font-family:DM Sans,system-ui,sans-serif;color:#e8f3ef;background:#07110f;font-synthesis:none;--surface: #0c1916;--surface-2: #11231f;--line: rgba(211, 241, 229, .09);--muted: #819790;--green: #31d19b}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #40d6a7;outline-offset:2px}.login-page{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;padding:24px;background:radial-gradient(circle at 50% 20%,#17362d 0,#0a1714 38%,#050c0a 78%)}.login-page:before{content:"";position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(111,255,203,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(111,255,203,.05) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(circle,#000,transparent 75%);mask-image:radial-gradient(circle,#000,transparent 75%)}.login-orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.55}.orb-one{width:260px;height:260px;left:8%;top:13%;background:radial-gradient(circle at 35% 35%,rgba(74,222,160,.18),transparent 68%);border:1px solid rgba(96,255,194,.08)}.orb-two{width:380px;height:380px;right:3%;bottom:-90px;background:radial-gradient(circle,rgba(58,155,255,.12),transparent 67%)}.login-card{width:min(440px,100%);z-index:1;padding:44px;border:1px solid rgba(188,229,213,.12);border-radius:26px;background:linear-gradient(145deg,#122621f0,#081310f0);box-shadow:0 35px 90px #00000073;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand-mark{width:58px;height:58px;display:grid;place-items:center;color:#07130f;background:linear-gradient(145deg,#7bf0c4,#24ba87);border-radius:18px 18px 18px 7px;box-shadow:0 14px 34px #27ca9138}.eyebrow{display:flex;align-items:center;gap:8px;margin:30px 0 10px;color:#63dbb2;font-size:11px;letter-spacing:.16em;font-weight:700}.eyebrow span{width:18px;height:1px;background:#63dbb2}.login-card h1{font-family:Manrope,sans-serif;font-size:44px;letter-spacing:-.05em;margin:0}.login-lead{color:#9aafa8;line-height:1.65;margin:10px 0 28px}.login-card form{display:grid;gap:10px}.login-card label{color:#c7d6d1;font-size:13px;font-weight:600}.login-card input{height:52px;border:1px solid rgba(187,222,208,.14);border-radius:13px;background:#050e0bb8;color:#fff;padding:0 16px;transition:.2s}.login-card input:focus{border-color:#40d6a799;box-shadow:0 0 0 4px #40d6a714}.primary-button{height:52px;margin-top:7px;border:0;border-radius:13px;display:flex;justify-content:space-between;align-items:center;padding:0 17px;background:linear-gradient(135deg,#43dda9,#22b985);color:#06110d;font-weight:800;cursor:pointer;box-shadow:0 10px 26px #20b8832e}.primary-button:disabled{opacity:.55;cursor:not-allowed}.form-error{margin:2px 0;display:flex;gap:7px;align-items:center;color:#ff9e9e;font-size:13px}.privacy-note{margin:25px 0 0;color:#71877f;font-size:12px;display:flex;gap:8px;align-items:center}.secure-dot{width:7px;height:7px;border-radius:50%;background:#32cf98;box-shadow:0 0 12px #32cf98}.spinner{width:19px;height:19px;display:inline-block;border:2px solid rgba(0,0,0,.2);border-top-color:#07110d;border-radius:50%;animation:spin .8s linear infinite;margin:auto}.spinner.large{border-color:#5fddb126;border-top-color:#48d9a8;width:28px;height:28px}@keyframes spin{to{transform:rotate(360deg)}}.app-loading{height:100vh;display:grid;place-content:center;justify-items:center;gap:22px;background:radial-gradient(circle,#102720,#07110f 60%);color:var(--muted)}.app-shell{height:100vh;display:grid;grid-template-columns:310px minmax(0,1fr);background:#07110f}.desktop-sidebar{min-width:0}.sidebar{height:100vh;padding:23px 18px 18px;display:flex;flex-direction:column;background:linear-gradient(180deg,#0b1916,#081411);border-right:1px solid var(--line)}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 6px 23px;border-bottom:1px solid var(--line)}.mini-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px 12px 12px 4px;background:#36d59f;color:#07120e}.sidebar-brand div:last-child{display:grid}.sidebar-brand strong{font:800 17px Manrope,system-ui,sans-serif;letter-spacing:-.03em}.sidebar-brand span{font-size:11px;color:#71877f;margin-top:1px}.side-section{padding-top:23px}.section-title{display:flex;justify-content:space-between;align-items:center;padding:0 6px 13px}.section-title span{display:flex;gap:7px;align-items:center;text-transform:uppercase;color:#839890;font-size:10px;letter-spacing:.11em;font-weight:700}.section-title b{background:#37d49f1a;color:#55dcb0;padding:2px 7px;border-radius:20px;font-size:10px}.owner-row{margin:0 2px 8px;border-radius:13px;padding:9px;display:grid;align-items:center;grid-template-columns:auto 1fr auto;gap:10px;background:#33d29d0e;border:1px solid rgba(63,219,165,.08)}.owner-avatar{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#ddfdf2,#8acdb6);color:#0b3024;font-size:11px;font-weight:800}.owner-row div,.participant-copy{min-width:0;display:grid}.owner-row strong,.participant strong{font-size:12px}.owner-row span:not(.owner-avatar),.participant-copy span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#71877f;font-size:9px;margin-top:2px;text-transform:capitalize}.owner-row>i{width:7px;height:7px;border-radius:50%;background:#45dfa9;box-shadow:0 0 8px #45dfa980}.agent-list{display:grid;gap:3px}.participant{position:relative;min-height:58px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px;border-radius:12px;transition:.2s}.participant:hover{background:#ffffff06}.participant-disabled{opacity:.45}.avatar{flex:0 0 auto;display:grid;place-items:center;border-radius:13px;padding:1px;background:linear-gradient(145deg,color-mix(in srgb,var(--agent-color) 80%,white),color-mix(in srgb,var(--agent-color) 60%,#06110e));box-shadow:0 5px 16px color-mix(in srgb,var(--agent-color) 16%,transparent)}.avatar span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#06110e;font:800 10px Manrope,system-ui,sans-serif;background-image:radial-gradient(circle at 75% 20%,rgba(255,255,255,.5) 0 2px,transparent 3px),linear-gradient(135deg,rgba(255,255,255,.25),transparent 60%)}.avatar-small{border-radius:10px}.avatar-small span{width:29px;height:29px;border-radius:9px;font-size:8px}.tiny-switch{cursor:pointer}.tiny-switch input,.switch-control input{position:absolute;opacity:0;pointer-events:none}.tiny-switch span{display:block;width:25px;height:14px;background:#22342f;border-radius:20px;padding:2px;transition:.2s}.tiny-switch span:after{content:"";display:block;width:10px;height:10px;border-radius:50%;background:#647b73;transition:.2s}.tiny-switch input:checked+span{background:#36d59f3d}.tiny-switch input:checked+span:after{transform:translate(11px);background:#44d9a7}.participant-state{position:absolute;left:56px;bottom:3px;display:none}.usage-card{margin-top:auto;padding:14px;background:#ffffff06;border:1px solid var(--line);border-radius:14px}.usage-card>div:first-child{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;color:#91a69f;font-size:10px}.usage-card strong{color:#c8d9d3}.usage-track{height:4px;margin:11px 0 7px;background:#172823;border-radius:10px;overflow:hidden}.usage-track span{display:block;height:100%;background:linear-gradient(90deg,#2fc894,#64e2b7)}.usage-card p{margin:0;color:#62776f;font-size:9px}.logout-button{display:flex;align-items:center;gap:9px;margin-top:10px;padding:11px 12px;color:#71877f;border:0;background:transparent;border-radius:10px;cursor:pointer;font-size:11px}.logout-button:hover{background:#ffffff08;color:#b6c8c1}.chat-panel{min-width:0;height:100vh;display:grid;grid-template-rows:auto auto 1fr auto;background:#0a1613;position:relative}.chat-header{min-height:74px;display:flex;align-items:center;padding:13px 25px;border-bottom:1px solid var(--line);background:#0a1713e6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:3}.chat-header>div:nth-child(2){min-width:0}.chat-header h1{font:700 15px Manrope,system-ui,sans-serif;margin:0}.chat-header p{margin:4px 0 0;color:#71877f;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connection-dot{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%}.connection-online{color:#54dcae}.connection-online.connection-dot{background:#45dca9;box-shadow:0 0 8px #45dca973}.connection-connecting.connection-dot,.connection-reconnecting.connection-dot{background:#f3c96b}.connection-offline.connection-dot{background:#ec7e82}.header-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.header-actions button,.mobile-menu{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);background:#10201c;border-radius:10px;color:#81978f;cursor:pointer}.header-actions button:hover{color:#ff989d;border-color:#ff788233}.connection-badge{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--line);border-radius:10px;background:#10201c;font-size:10px}.controls{display:flex;align-items:center;gap:7px;min-height:54px;padding:8px 25px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none;z-index:2;background:#0b1815}.controls::-webkit-scrollbar{display:none}.topic-control{min-width:180px;max-width:310px;flex:1;height:34px;display:flex;align-items:center;gap:7px;padding:0 10px;color:#6c8179;border:1px solid var(--line);background:#0e1e1a;border-radius:10px}.topic-control input{min-width:0;width:100%;border:0;outline:0;color:#b8cac3;background:transparent;font-size:10px}.control-pill{height:34px;flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:0 9px;border:1px solid var(--line);border-radius:10px;background:#0e1e1a;color:#81978f;font-size:9px;cursor:pointer}.switch-control{position:relative}.switch-control i{width:24px;height:13px;padding:2px;background:#23352f;border-radius:20px}.switch-control i:after{content:"";display:block;width:9px;height:9px;border-radius:50%;background:#71867f;transition:.2s}.switch-control input:checked+i{background:#30cf9947}.switch-control input:checked+i:after{transform:translate(11px);background:#43daa7}.control-paused{color:#f0c36c}.select-control{position:relative;padding-right:6px}.select-control select{appearance:none;border:0;outline:0;padding:0 13px 0 2px;background:transparent;color:#bacbc5;font-size:9px;cursor:pointer}.select-control option{background:#10201c}.select-control svg:last-child{position:absolute;right:4px;pointer-events:none}.intensity-control{height:34px;flex:0 0 auto;display:flex;align-items:center;gap:7px;padding:0 5px 0 9px;color:#81978f;border:1px solid var(--line);border-radius:10px;background:#0e1e1a;font-size:9px}.intensity-control div{display:flex;gap:2px}.intensity-control button{width:23px;height:24px;border:0;border-radius:7px;background:transparent;color:#60756d;cursor:pointer;font-size:9px}.intensity-control button.active{background:#34d39d26;color:#53dcae}.notice{position:absolute;top:137px;left:50%;transform:translate(-50%);z-index:5;max-width:min(500px,90%);display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:11px;background:#173129;border:1px solid rgba(86,220,174,.18);box-shadow:0 10px 35px #0000004d;font-size:11px}.notice-error{color:#ffc0c0;border-color:#ff828233;background:#321c1d}.messages{overflow-y:auto;padding:20px clamp(18px,5vw,78px) 30px;background-color:#091511;background-image:radial-gradient(circle at 1px 1px,rgba(152,204,185,.035) 1px,transparent 0);background-size:26px 26px;scrollbar-color:#203b32 transparent}.date-divider{display:flex;align-items:center;gap:12px;margin:1px 0 24px}.date-divider:before,.date-divider:after{content:"";height:1px;flex:1;background:var(--line)}.date-divider span{padding:5px 9px;color:#687d75;background:#0f1e1a;border:1px solid var(--line);border-radius:20px;font-size:9px}.message-row{display:flex;align-items:flex-end;gap:8px;margin:0 auto 13px;max-width:880px;animation:message-in .2s ease-out}@keyframes message-in{0%{opacity:0;transform:translateY(5px)}}.message-human{justify-content:flex-end}.bubble{position:relative;max-width:min(72%,620px);min-width:90px;padding:10px 12px 17px;border:1px solid var(--line);border-radius:6px 16px 16px;background:#10231e;box-shadow:0 6px 20px #00000014}.message-human .bubble{color:#dff6ed;background:linear-gradient(135deg,#176045,#14543e);border-color:#6ae6b926;border-radius:16px 6px 16px 16px}.bubble-author{display:flex;align-items:baseline;gap:7px;margin-bottom:4px}.bubble-author strong{font-size:10px}.bubble-author span{color:#60776f;font-size:8px}.bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.48;font-size:12px}.bubble time{position:absolute;right:9px;bottom:5px;color:#b8cfc67a;font-size:8px}.empty-chat{max-width:380px;text-align:center;margin:clamp(50px,13vh,130px) auto;color:#82968f}.empty-chat>div{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 16px;border-radius:21px;color:#4bd8a9;background:#35d29d12;border:1px solid rgba(70,218,167,.11)}.empty-chat h2{color:#ccddd7;font:700 20px Manrope,system-ui,sans-serif;margin:0 0 8px}.empty-chat p{font-size:12px;line-height:1.6}.empty-chat strong{color:#55dbaa}.typing-row{display:flex;align-items:center;gap:6px;max-width:880px;margin:2px auto 10px}.typing-row .avatar+.avatar{margin-left:-15px}.typing-bubble{display:flex;gap:3px;padding:10px 12px;background:#10231e;border-radius:5px 14px 14px}.typing-bubble span{width:4px;height:4px;border-radius:50%;background:#6d887e;animation:bounce 1.2s infinite}.typing-bubble span:nth-child(2){animation-delay:.15s}.typing-bubble span:nth-child(3){animation-delay:.3s}@keyframes bounce{50%{transform:translateY(-3px);background:#5dddb2}}.typing-row small{color:#657b73;font-size:9px}.composer-wrap{position:relative;padding:12px clamp(18px,5vw,78px) 17px;background:#0b1815;border-top:1px solid var(--line)}.composer{max-width:880px;margin:auto;padding:10px 10px 8px 14px;border:1px solid rgba(184,222,207,.13);border-radius:15px;background:#10211d;box-shadow:0 8px 30px #0000001f}.composer:focus-within{border-color:#44daa654}.composer textarea{display:block;width:100%;min-height:24px;max-height:130px;resize:none;border:0;outline:0;padding:1px 4px;color:#d7e7e1;background:transparent;line-height:1.5;font-size:12px}.composer textarea::placeholder{color:#61766e}.composer-foot{display:flex;align-items:center;margin-top:4px}.composer-foot>span{color:#536860;font-size:8px}.composer-foot b{color:#44d5a4}.composer-foot small{margin-left:auto;color:#789088;font-size:8px}.composer-foot button{width:33px;height:33px;margin-left:9px;display:grid;place-items:center;border:0;border-radius:10px;background:#3bd5a0;color:#07130f;cursor:pointer}.composer-foot button:disabled{opacity:.25;cursor:not-allowed}.mention-menu{position:absolute;z-index:5;left:clamp(18px,5vw,78px);bottom:calc(100% - 5px);min-width:210px;padding:6px;border:1px solid var(--line);border-radius:13px;background:#10211d;box-shadow:0 18px 45px #00000061}.mention-menu button{width:100%;display:flex;align-items:center;gap:9px;padding:7px;border:0;border-radius:9px;background:transparent;cursor:pointer;text-align:left}.mention-menu button:hover{background:#ffffff0a}.mention-menu button>span{display:grid;color:#6f857d;font-size:9px}.mention-menu strong{color:#bed1ca;font-size:11px}.mobile-menu,.sidebar-drawer,.mobile-overlay{display:none}@media(max-width:900px){.app-shell{grid-template-columns:255px minmax(0,1fr)}.sidebar{padding-inline:13px}.bubble{max-width:80%}.connection-badge{display:none}}@media(max-width:680px){.app-shell{display:block}.desktop-sidebar{display:none}.chat-panel{height:100dvh}.mobile-menu{display:grid;margin-right:11px}.chat-header{min-height:65px;padding:10px 13px}.chat-header p{max-width:210px}.controls{min-height:50px;padding:7px 12px}.controls .topic-control{min-width:150px}.control-pill span{display:none}.intensity-control>span{display:none}.messages{padding:16px 12px 22px}.bubble{max-width:84%}.bubble p{font-size:12px}.composer-wrap{padding:9px 10px max(10px,env(safe-area-inset-bottom))}.composer-foot>span{display:none}.sidebar-drawer{display:block;position:fixed;z-index:20;left:0;top:0;width:min(310px,87vw);transform:translate(-105%);transition:transform .25s ease;box-shadow:20px 0 70px #00000080}.sidebar-drawer.open{transform:translate(0)}.drawer-close{position:absolute;z-index:22;right:10px;top:10px;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:9px;background:#13241f;cursor:pointer}.mobile-overlay{position:fixed;display:block;z-index:19;inset:0;background:#00000094;opacity:0;pointer-events:none;transition:.2s}.mobile-overlay.visible{opacity:1;pointer-events:auto}.notice{top:120px}}@media(max-width:420px){.login-card{padding:32px 24px;border-radius:22px}.login-card h1{font-size:38px}.composer{border-radius:13px}.message-row{gap:5px}.message-model>.avatar{align-self:flex-start;margin-top:3px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}