:root{--bg:#07101d;--panel:#0b1727;--line:rgba(135,190,255,.12);--text:#eaf4ff;--muted:#8fa4ba;--blue:#42a9ff;--ui-scale:1}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea{font:inherit}button{color:inherit}.hidden{display:none!important}.app-shell{height:100%;display:flex}.sidebar{width:280px;background:#07101df5;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:18px 14px;flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;padding:3px 10px 22px;font-size:18px;font-weight:600}.brand img{width:30px;height:30px}.brand b{color:#66baff}.new-chat,.primary-nav button,.sidebar-bottom button{width:100%;border:0;background:transparent;text-align:left;padding:11px 12px;border-radius:10px;cursor:pointer}.new-chat{background:#12345a;border:1px solid #2b79b544;margin-bottom:12px}.primary-nav{display:grid;gap:2px}.primary-nav button:hover,.sidebar-bottom button:hover,.chat-item:hover,.chat-item.active{background:#42a9ff1a}.chat-label{font-size:10px;letter-spacing:.14em;color:#68819b;margin:22px 12px 8px}.chat-list{overflow:auto;display:grid;gap:2px}.chat-item{border:0;background:transparent;text-align:left;color:#c8d6e4;padding:9px 12px;border-radius:9px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-bottom{margin-top:auto;display:grid;gap:2px;border-top:1px solid var(--line);padding-top:10px}.main{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:58px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 20px;gap:12px}.top-title{font-weight:600}.connection{margin-left:auto;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;letter-spacing:.1em}.connection i{width:7px;height:7px;border-radius:50%;background:#76879a}.connection.online i{background:#49b8ff;box-shadow:0 0 12px #49b8ff}.connection.error i{background:#ef6475}.mobile-menu{display:none;background:none;border:0}.workspace{position:relative;flex:1;min-height:0}.chat-view{height:100%;display:flex;flex-direction:column;max-width:980px;margin:auto;width:100%}.welcome{margin:auto;text-align:center;max-width:650px;padding:40px}.welcome img{width:72px;filter:drop-shadow(0 0 24px #42a9ff59)}.welcome h1{font-size:28px;margin:18px 0 8px}.welcome p,.card p,.panel-head p{color:var(--muted)}.messages{flex:1;overflow:auto;padding:30px 24px 120px}.message{display:flex;margin:0 auto 22px;max-width:820px}.message.user{justify-content:flex-end}.bubble{max-width:75%;padding:12px 15px;border-radius:16px;white-space:pre-wrap;overflow-wrap:anywhere}.user .bubble{background:#12345a;border:1px solid #42a9ff2e}.assistant .bubble{background:#ffffff09;border:1px solid var(--line)}.composer-wrap{padding:12px 20px 18px;background:linear-gradient(transparent,var(--bg) 22%)}.composer{max-width:900px;margin:auto;border:1px solid #7eaedc3d;background:#0b1727;border-radius:18px;display:flex;align-items:end;padding:7px}.composer textarea{flex:1;resize:none;background:transparent;border:0;outline:0;color:var(--text);padding:9px 8px;max-height:150px}.composer>button{border:0;background:transparent;width:38px;height:38px;border-radius:11px;cursor:pointer}.composer .send{background:#3b9df1;font-weight:700;font-size:20px}.composer-note{max-width:900px;margin:7px auto 0;text-align:center;color:#5f7287;font-size:10px}.attachments{max-width:900px;margin:0 auto 8px;display:flex;gap:7px;flex-wrap:wrap}.attachment{background:#0d2035;border:1px solid var(--line);border-radius:9px;padding:6px 9px;color:#b9d0e5}.attachment button{border:0;background:none;cursor:pointer}.panel-view{position:absolute;inset:0;background:var(--bg);padding:34px 5%;overflow:auto;z-index:3}.panel-head,.grid,.toolbar{max-width:1000px;margin-left:auto;margin-right:auto}.panel-head{margin-bottom:24px}.panel-head h1{margin:0 0 6px;font-size:28px}.toolbar{display:flex;gap:8px;margin-top:20px;margin-bottom:20px}.primary,.tool{border:1px solid #42a9ff40;background:#12345a;color:white;border-radius:10px;padding:10px 14px;cursor:pointer}.tool{background:#0d1d30}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.card{background:#0b1727;border:1px solid var(--line);border-radius:14px;padding:16px}.card h3{margin:0 0 8px}.auth-view{position:absolute;inset:58px 0 0;display:grid;place-items:center;background:radial-gradient(circle at center,#1a63a326,transparent 42%)}.auth-card{width:min(410px,calc(100% - 32px));padding:30px;border:1px solid var(--line);background:#0b1727eb;border-radius:22px;box-shadow:0 25px 70px #0000004d;text-align:center}.auth-logo img{width:58px}.auth-card h1{margin:12px 0 2px}.auth-card p{color:var(--muted);margin:0 0 22px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#07101d;border-radius:10px;padding:3px;margin-bottom:16px}.auth-tabs button{border:0;background:transparent;padding:9px;border-radius:8px;color:var(--muted);cursor:pointer}.auth-tabs button.active{background:#132b46;color:white}.auth-card form{display:grid;gap:10px}.auth-card input{background:#07101d;border:1px solid var(--line);border-radius:10px;padding:12px;color:white;outline:0}.auth-card .primary{width:100%}.error{min-height:20px;color:#ff8794;font-size:12px;margin-top:9px}.empty{grid-column:1/-1;color:var(--muted);padding:40px;text-align:center}@media(max-width:760px){.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;transform:translateX(-100%);transition:.2s;width:290px}.sidebar.open{transform:none}.mobile-menu{display:block}.messages{padding-left:12px;padding-right:12px}.bubble{max-width:88%}.composer-wrap{padding-left:10px;padding-right:10px}.welcome{padding:25px}.panel-view{padding:24px 14px}}
html{font-size:calc(14px * var(--ui-scale))}
html.no-animations *{transition:none!important;animation:none!important}
html[data-theme="light"]{--bg:#f4f7fb;--panel:#ffffff;--line:rgba(20,55,90,.14);--text:#102238;--muted:#5d7085}
html[data-theme="light"] .sidebar{background:#fffffff5}
html[data-theme="light"] .composer,html[data-theme="light"] .card,html[data-theme="light"] .auth-card{background:#ffffff}
html[data-theme="light"] .composer textarea,html[data-theme="light"] .auth-card input{color:var(--text)}
html[data-theme="light"] .auth-tabs{background:#e9eef5}
html[data-theme="light"] .auth-tabs button.active{background:#d8e5f4;color:#102238}
html[data-theme="light"] .tool{background:#edf2f7;color:#102238}