html,body{color:#fff;background:#0b0b0b;min-width:320px;min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}:root{color:#f5f7fb;font-synthesis:none;text-rendering:optimizelegibility;background:#0b0d11;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:#0b0d11;min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{background:radial-gradient(circle at 70% 10%,#5c69ff14,#0000 28%),#0b0d11;width:100%;height:100vh;display:flex;overflow:hidden}.sidebar{z-index:10;background:#111318;border-right:1px solid #22262f;flex-direction:column;width:272px;min-width:272px;height:100vh;padding:14px;transition:width .2s,min-width .2s;display:flex;position:relative}.sidebar.closed{width:76px;min-width:76px}.sidebar-top{justify-content:space-between;align-items:center;height:44px;margin-bottom:12px;display:flex}.brand-button{color:#fff;background:0 0;border:0;align-items:center;gap:10px;padding:3px;display:flex}.brand-mini,.brand-mark,.hero-mark{color:#0d1017;background:linear-gradient(145deg,#f5f7ff,#7e88ff);border-radius:12px;place-items:center;font-weight:900;display:grid}.brand-mini{width:34px;height:34px;font-size:16px}.brand-name{letter-spacing:.16em;font-size:15px;font-weight:800}.sidebar-toggle,.mobile-menu{color:#aeb4c2;background:#171a21;border:1px solid #2a2e37;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.sidebar-toggle:hover,.mobile-menu:hover{color:#fff;background:#20242d}.new-chat-button{color:#f8f9fd;background:#1a1e26;border:1px solid #303540;border-radius:11px;justify-content:center;align-items:center;gap:9px;width:100%;height:44px;margin-bottom:13px;font-weight:650;display:flex}.new-chat-button:hover{background:#222731}.main-nav{gap:4px;display:grid}.main-nav button,.sidebar-bottom>button{color:#aeb4c1;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;min-height:42px;padding:0 12px;display:flex}.sidebar.closed .main-nav button,.sidebar.closed .sidebar-bottom>button{justify-content:center}.main-nav button:hover,.main-nav button.active,.sidebar-bottom>button:hover,.sidebar-bottom>button.active{color:#fff;background:#1c2028}.history{min-height:0;margin-top:23px}.history-heading{color:#686f7d;letter-spacing:.08em;text-transform:uppercase;padding:0 10px 8px;font-size:11px;font-weight:700}.history-list{gap:2px;max-height:43vh;display:grid;overflow-y:auto}.history-item{border-radius:8px;align-items:center;display:flex}.history-item.selected{background:#1b1f27}.history-item>button:first-child{color:#b7bdc9;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:8px;min-width:0;padding:9px;font-size:13px;display:flex;overflow:hidden}.history-item>button:first-child span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-item.selected>button:first-child{color:#fff}.history-icon{color:#606878}.history-delete{color:#697080;background:0 0;border:0;border-radius:7px;width:31px;height:31px;margin-right:4px}.history-delete:hover{color:#ff7d88;background:#27202a}.sidebar-bottom{gap:8px;margin-top:auto;display:grid}.user-card{background:#171a20;border:1px solid #252a33;border-radius:12px;align-items:center;gap:10px;min-height:52px;padding:7px;display:flex}.avatar{color:#fff;background:#333948;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;font-weight:750;display:grid}.avatar.large{border-radius:12px;width:46px;height:46px}.user-info{flex:1;min-width:0}.user-info strong,.user-info span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.user-info strong{color:#e8ebf2;font-size:13px}.user-info span{color:#6e7584;margin-top:2px;font-size:10px}.logout-small{color:#858c9b;background:0 0;border:0;border-radius:8px;width:32px;height:32px}.logout-small:hover{color:#ff8c95;background:#252027}.workspace{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c0e12db;border-bottom:1px solid #22262f;justify-content:space-between;align-items:center;min-height:68px;padding:0 26px;display:flex}.topbar-title{align-items:center;gap:12px;display:flex}.mobile-menu{display:none}.topbar-title strong,.topbar-title span{display:block}.topbar-title strong{color:#f4f6fb;font-size:14px}.topbar-title span{color:#707786;margin-top:3px;font-size:11px}.topbar-status{color:#8991a0;align-items:center;gap:7px;font-size:11px;display:flex}.status-dot,.online-indicator{background:#65d69a;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 10px #65d69a8c}.chat-page{flex-direction:column;flex:1;min-height:0;display:flex}.chat-scroll{flex:1;min-height:0;overflow-y:auto}.messages{width:min(850px,100% - 48px);margin:0 auto;padding:34px 0 160px}.message-row{gap:15px;padding:22px 0;display:flex}.user-row{border-bottom:1px solid #ffffff06}.message-avatar{border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:grid}.ai-avatar{color:#10131b;background:linear-gradient(145deg,#f4f5ff,#7883ff)}.user-avatar{color:#e9ecf3;background:#343a48}.message-content{flex:1;min-width:0}.message-name{color:#e5e8ef;margin:1px 0 7px;font-size:12px;font-weight:750}.message-text{color:#c0c5d0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7}.error-text{color:#ff8f98}.typing{gap:4px;padding:5px 0;display:inline-flex}.typing i{background:#7d8595;border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite pulse}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,70%,to{opacity:.25;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}.empty-chat{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(700px,100% - 40px);min-height:calc(100vh - 250px);margin:0 auto;display:flex}.hero-mark{border-radius:17px;width:56px;height:56px;margin-bottom:18px;font-size:22px}.empty-chat h2{color:#f3f5fa;margin:0;font-size:25px}.empty-chat p{color:#747c8c;margin:9px 0 25px;font-size:13px}.suggestions{grid-template-columns:repeat(3,1fr);gap:9px;width:100%;display:grid}.suggestions button{color:#aeb4c1;text-align:left;background:#12151b;border:1px solid #252a33;border-radius:11px;justify-content:space-between;gap:10px;padding:13px;font-size:11px;display:flex}.suggestions button:hover{color:#fff;background:#191d24;border-color:#3c4350}.suggestions span{color:#6d7585}.composer-wrap{z-index:5;background:linear-gradient(#0b0d1100,#0b0d11 26%);padding:18px 20px 17px;position:fixed;bottom:0;left:272px;right:0}.sidebar.closed~.workspace .composer-wrap{left:76px}.composer{background:#171a20;border:1px solid #303641;border-radius:16px;align-items:flex-end;width:min(850px,100%);min-height:56px;margin:0 auto;padding:7px 8px 7px 16px;display:flex;box-shadow:0 12px 40px #00000047}.composer:focus-within{border-color:#4a5262}.composer textarea,.private-composer textarea{resize:none;color:#edf0f6;background:0 0;border:0;outline:0;flex:1;min-height:40px;max-height:140px;padding:10px 0;font-size:13px}.composer textarea::placeholder,.private-composer textarea::placeholder{color:#676f7e}.send-button{color:#11141b;background:#e8ebf2;border:0;border-radius:11px;flex:none;place-items:center;width:40px;height:40px;font-size:19px;font-weight:800;display:grid}.send-button:hover:not(:disabled){background:#fff}.composer-note{color:#4f5663;text-align:center;width:min(850px,100%);margin:8px auto 0;font-size:9px}.private-page{flex:1;min-height:0;display:flex}.private-list{background:#0f1116;border-right:1px solid #22262f;width:290px;min-width:290px;padding:18px 10px}.private-list-head{justify-content:space-between;align-items:center;padding:6px 8px 13px;display:flex}.private-list-head strong{color:#e5e8ef;font-size:13px}.private-list-head button{color:#adb4c1;background:#171a20;border:1px solid #2a2f38;border-radius:8px;width:30px;height:30px}.private-contact{color:#aeb4c1;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px;display:flex;position:relative}.private-contact:hover,.private-contact.selected{color:#fff;background:#1a1e25}.private-contact>div:nth-child(2){flex:1;min-width:0}.private-contact strong,.private-contact span{display:block}.private-contact strong{font-size:12px}.private-contact span{color:#68707e;margin-top:3px;font-size:10px}.contact-avatar{color:#10131a;background:linear-gradient(145deg,#f3f5ff,#7b85ff);border-radius:10px;flex:none;place-items:center;width:36px;height:36px;font-size:12px;font-weight:900;display:grid}.contact-avatar.large{width:42px;height:42px}.online-indicator{width:6px;height:6px}.private-conversation{flex-direction:column;flex:1;min-width:0;display:flex}.private-header{border-bottom:1px solid #22262f;align-items:center;gap:11px;min-height:75px;padding:0 24px;display:flex}.private-header strong,.private-header span{display:block}.private-header strong{color:#edf0f6;font-size:13px}.private-header span{color:#697180;align-items:center;gap:5px;margin-top:4px;font-size:10px;display:flex}.private-badge{letter-spacing:.1em;border:1px solid #30353e;border-radius:6px;margin-left:auto;padding:5px 8px;color:#777f8e!important;font-size:8px!important}.private-messages{flex:1;min-height:0;padding:30px;overflow-y:auto}.private-message{width:fit-content;max-width:min(650px,80%);margin-bottom:17px}.private-message.mine{text-align:right;margin-left:auto;margin-right:0}.private-message>div{color:#c5cad4;background:#171a20;border:1px solid #282d36;border-radius:12px;padding:11px 14px;font-size:13px;line-height:1.55}.private-message.mine>div{color:#edf0f6;background:#232833;border-color:#353b48}.private-sender{color:#6d7584;margin:0 4px 5px;font-size:9px;display:block}.private-composer{background:#15181e;border:1px solid #2b3039;border-radius:13px;align-items:flex-end;gap:9px;margin:0 25px 22px;padding:7px 8px 7px 14px;display:flex}.content-page{flex:1;justify-content:center;min-height:0;padding:42px 25px;display:flex;overflow-y:auto}.content-card{background:#12151a;border:1px solid #272c35;border-radius:17px;width:min(760px,100%);height:fit-content;padding:28px}.section-icon{color:#151820;background:#e5e8f0;border-radius:12px;place-items:center;width:42px;height:42px;margin-bottom:17px;font-weight:900;display:grid}.content-card h2{color:#f0f2f7;margin:0;font-size:20px}.content-card>p{color:#737b8a;margin:8px 0 25px;font-size:12px;line-height:1.6}.memory-input{gap:8px;margin-bottom:23px;display:flex}.memory-input input{color:#edf0f6;background:#0e1015;border:1px solid #2b3039;border-radius:10px;outline:0;flex:1;min-width:0;padding:12px 13px;font-size:12px}.memory-input input:focus{border-color:#515967}.memory-input button,.secondary-button{color:#f0f2f7;background:#242933;border:1px solid #343a45;border-radius:10px;padding:0 16px;font-size:11px;font-weight:700}.memory-input button:hover,.secondary-button:hover{background:#2c323e}.memory-list{gap:8px;display:grid}.memory-item{background:#0f1116;border:1px solid #252a33;border-radius:11px;align-items:flex-start;gap:12px;padding:13px;display:flex}.memory-item>span{color:#9ba3ff}.memory-item strong,.memory-item small{display:block}.memory-item strong{color:#c9ced8;font-size:12px;font-weight:550}.memory-item small{color:#5e6674;margin-top:5px;font-size:9px}.empty-state{color:#646c79;text-align:center;border:1px dashed #2a2f38;border-radius:11px;padding:30px;font-size:11px}.setting-row{border-bottom:1px solid #23272f;justify-content:space-between;align-items:center;gap:20px;padding:17px 0;display:flex}.setting-row strong,.setting-row span{display:block}.setting-row strong{color:#dfe2e9;font-size:12px}.setting-row span{color:#69717f;max-width:510px;margin-top:4px;font-size:10px;line-height:1.5}.toggle{background:#30353f;border:0;border-radius:99px;flex:none;width:43px;height:24px;padding:0;position:relative}.toggle span{background:#8c93a0;border-radius:50%;width:16px;height:16px;margin:0;transition:all .18s;position:absolute;top:4px;left:4px}.toggle.on{background:#e5e8f0}.toggle.on span{background:#11141a;left:23px}.account-preview{background:#0f1116;border:1px solid #252a33;border-radius:12px;align-items:center;gap:12px;margin-top:24px;padding:14px;display:flex}.account-preview>div:nth-child(2){flex:1;min-width:0}.account-preview strong,.account-preview span{display:block}.account-preview strong{color:#e8ebf2;font-size:12px}.account-preview span{color:#656d7b;margin-top:3px;font-size:10px}.login-page{background:radial-gradient(circle at 30% 30%,#5c69ff1f,#0000 25%),radial-gradient(circle at 75% 75%,#9664ff14,#0000 28%),#090b0f;place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.login-glow{filter:blur(100px);opacity:.18;pointer-events:none;border-radius:50%;width:340px;height:340px;position:absolute}.glow-one{background:#6d78ff;top:-140px;left:-90px}.glow-two{background:#9c70ff;bottom:-160px;right:-120px}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#12151beb;border:1px solid #292e38;border-radius:20px;width:min(390px,100% - 32px);padding:34px;position:relative;box-shadow:0 30px 90px #0000006b}.brand-mark{border-radius:13px;width:45px;height:45px;margin-bottom:19px;font-size:18px}.eyebrow{color:#777f90;letter-spacing:.18em;font-size:8px;font-weight:800}.login-card h1{letter-spacing:.08em;margin:8px 0 7px;font-size:25px}.login-subtitle{color:#6d7482;margin:0 0 25px;font-size:12px}.login-form{gap:15px;display:grid}.login-form label{color:#9ba2af;gap:7px;font-size:10px;font-weight:650;display:grid}.login-form input{color:#f0f2f6;background:#0e1015;border:1px solid #2b3039;border-radius:10px;outline:0;width:100%;padding:12px 13px;font-size:12px}.login-form input:focus{border-color:#596172}.primary-button{color:#11141a;background:#e7eaf1;border:0;border-radius:10px;height:44px;margin-top:4px;font-size:12px;font-weight:800}.primary-button:hover{background:#fff}.login-message{color:#ff929a;text-align:center;margin:14px 0 0;font-size:10px}.login-footer{color:#5d6572;justify-content:center;align-items:center;gap:7px;margin-top:22px;font-size:9px;display:flex}.compact .message-row{padding:13px 0}.compact .content-page{padding-top:25px}@media (width<=900px){.sidebar{width:240px;min-width:240px}.composer-wrap{left:240px}.sidebar.closed~.workspace .composer-wrap{left:76px}.suggestions{grid-template-columns:1fr}.private-list{width:240px;min-width:240px}}@media (width<=700px){.sidebar{width:260px;min-width:260px;position:fixed;top:0;bottom:0;left:0;transform:translate(0);box-shadow:30px 0 80px #00000059}.sidebar.closed{width:260px;min-width:260px;transform:translate(-100%)}.mobile-menu{display:grid}.topbar{padding:0 14px}.topbar-status{display:none}.messages{width:calc(100% - 28px);padding-top:20px}.composer-wrap,.sidebar.closed~.workspace .composer-wrap{padding:12px 10px;left:0}.empty-chat{min-height:calc(100vh - 230px)}.private-page{flex-direction:column}.private-list{border-bottom:1px solid #22262f;border-right:0;width:100%;min-width:0;max-height:150px;padding:8px;overflow-y:auto}.private-list-head{display:none}.private-contact{width:auto;min-width:200px;margin-right:4px;display:inline-flex}.private-header{padding:0 14px}.private-messages{padding:18px 14px}.private-composer{margin:0 10px 10px}.content-page{padding:20px 12px}.content-card{padding:20px}}@media (width<=480px){.login-card{padding:26px 22px}.message-row{gap:10px}.message-avatar{width:30px;height:30px}.message-text{font-size:13px}.topbar-title span{display:none}.setting-row{align-items:flex-start}.account-preview{flex-wrap:wrap}.secondary-button{width:100%;height:38px}}