:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#10213b;background:#f5f9ff;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 80% -10%,#d9ecff 0,#f7fbff 35%,#eef5fc);min-height:100vh}button,textarea{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;border-right:1px solid #dce8f5;background:#ffffffdb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:25px 15px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{font-size:20px;font-weight:850;display:flex;align-items:center;gap:9px;margin:0 8px 28px;letter-spacing:-.04em;color:#0b1e36}.brand small{font-size:8px;letter-spacing:.12em;color:#3187e8;border:1px solid #c9e2fb;border-radius:99px;padding:3px 5px;margin-left:-4px}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#8bd1ff,#276df2);color:#fff;box-shadow:0 8px 22px #2d83ef35}.new-chat{border:1px solid #cfe2f5;background:#0d6efd;color:#fff;border-radius:11px;padding:12px 13px;text-align:left;font-weight:750;cursor:pointer;margin-bottom:18px;box-shadow:0 10px 22px #176fe52c}.new-chat span{margin-right:7px}.nav-item{width:100%;display:flex;align-items:center;gap:11px;background:transparent;border:0;color:#70839a;padding:11px 12px;border-radius:10px;text-align:left;cursor:pointer;font-size:13px;transition:.18s}.nav-item:hover{background:#edf6ff;color:#2169b9}.nav-item.active{background:#e9f4ff;color:#0967c8;font-weight:750}.nav-item>span{width:18px;text-align:center;font-size:15px}.sidebar-bottom{margin-top:auto}.status-dot{font-size:10px;color:#7d90a5;padding:13px 8px;border-top:1px solid #e2ebf4}.status-dot i,.live-badge i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22bd78;margin-right:7px;box-shadow:0 0 0 4px #22bd7818}.profile{display:flex;align-items:center;gap:9px;padding:12px 7px}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e7f2ff;color:#126bc8;font-size:10px;font-weight:850}.profile strong,.profile small{display:block}.profile strong{font-size:11px;color:#17304d}.profile small{font-size:9px;color:#8294a8;margin-top:2px}.main{width:min(1120px,100%);margin:auto;padding:30px 45px 24px}.topbar{display:flex;justify-content:space-between;align-items:flex-start}.eyebrow,.mini-label,.section-title span{font-size:9px;letter-spacing:.18em;color:#7890a8;font-weight:850}.topbar h1{font-size:19px;margin:6px 0 0;color:#102640;letter-spacing:-.03em}.top-actions{display:flex;gap:8px;align-items:center}.top-actions button{background:#fff;border:1px solid #dbe8f4;color:#71869d;border-radius:9px;padding:8px 11px;font-size:10px;box-shadow:0 5px 16px #315b7b0b}.live-badge{font-size:9px;color:#267957;border:1px solid #bcebd6;background:#f3fffa;padding:8px 10px;border-radius:99px}.hero{display:flex;justify-content:space-between;align-items:center;padding:72px 35px 55px;overflow:hidden}.hero-copy{max-width:700px;position:relative;z-index:2}.pill{display:inline-block;border:1px solid #c9e2fa;color:#2174c6;background:#f4faff;border-radius:99px;padding:8px 12px;font-size:10px;box-shadow:0 7px 20px #2477c80d}.hero h2{font-size:clamp(46px,6.2vw,78px);line-height:.94;letter-spacing:-.07em;margin:20px 0 18px;color:#0b1e36}.hero h2 em{font-style:normal;background:linear-gradient(90deg,#1475e5,#55b8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:#6e8298;font-size:14px;line-height:1.8;max-width:610px}.hero-stats{display:flex;gap:22px;margin-top:25px;color:#71879d;font-size:10px}.hero-stats b{color:#1673d3;margin-right:5px}.orb-wrap{width:240px;height:240px;display:grid;place-items:center;position:relative}.orb{width:135px;height:135px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff 0,#b8e5ff 14%,#4299ef 42%,#1761bc 68%,#0b3674);box-shadow:0 0 80px #3d9df06b,0 28px 55px #1c5ea62b;display:grid;place-items:center;animation:float 5s ease-in-out infinite;position:relative;z-index:2}.orb:after{content:"";position:absolute;top:11px;right:11px;bottom:11px;left:11px;border:1px solid #ffffff72;border-radius:50%}.orb-core{font-size:34px;color:#fff;text-shadow:0 0 28px white}.orb-ring{position:absolute;border:1px solid #71b9f54d;border-radius:50%;transform:rotate(-25deg)}.ring-one{width:210px;height:80px}.ring-two{width:175px;height:215px;transform:rotate(35deg)}@keyframes float{50%{transform:translateY(-9px) scale(1.035)}}.workspace-card,.response-card,.project-card,.snippet-card{background:#ffffffdb;border:1px solid #d8e7f5;border-radius:17px;box-shadow:0 22px 65px #21577b10}.workspace-card{padding:21px}.card-head,.response-head{display:flex;justify-content:space-between;align-items:flex-start}.card-head h3,.response-head h3{margin:6px 0 0;font-size:15px;color:#17304d}.shortcut{font-size:9px;color:#7890a5;border:1px solid #d9e6f1;padding:5px 7px;border-radius:6px;background:#f8fbfe}.workspace-card textarea{width:100%;min-height:138px;margin-top:18px;resize:vertical;background:#f8fbfe;border:1px solid #d5e4f1;border-radius:12px;padding:16px;color:#19334f;outline:none;font:13px inherit;transition:.2s}.workspace-card textarea:focus{border-color:#63a9ea;box-shadow:0 0 0 4px #358fe514;background:#fff}.workspace-card textarea::placeholder{color:#9aacbd}.composer-foot{display:flex;justify-content:space-between;align-items:center;margin-top:11px;gap:10px}.tools{display:flex;gap:5px;flex-wrap:wrap}.tools button{background:transparent;border:1px solid transparent;color:#6f859a;font-size:10px;padding:7px 8px;border-radius:7px}.tools button:hover,.tools button.tool-active{background:#edf7ff;color:#1a71c8;border-color:#d0e7fb}.send{border:0;border-radius:9px;padding:10px 14px;background:#0b70e0;color:#fff;font-weight:800;cursor:pointer;box-shadow:0 9px 20px #126dd42b}.send:hover{background:#075fbe;transform:translateY(-1px)}.send:disabled{opacity:.5;cursor:not-allowed;transform:none}.attachment,.context-note{margin-top:10px;padding:8px 10px;border-radius:8px;background:#f0f8ff;color:#6d849a;font-size:9px}.attachment b{color:#2475c7}.context-note{background:#f3fff9;color:#27805b}.section-title{display:flex;justify-content:space-between;align-items:center;margin:33px 2px 11px}.section-title small{color:#8296aa;font-size:10px}.suggestion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.suggestion-grid button{min-height:105px;text-align:left;background:#fff;border:1px solid #dce9f5;color:#536f8a;border-radius:13px;padding:14px;cursor:pointer;font-size:11px;line-height:1.55;position:relative;transition:.18s}.suggestion-grid button:hover{border-color:#9bcaf0;transform:translateY(-3px);box-shadow:0 15px 30px #2c79af12}.suggestion-grid span{display:block;color:#3b91dc;font-size:9px;margin-bottom:9px;font-weight:800}.suggestion-grid b{position:absolute;right:13px;bottom:11px;color:#6fa9d9}.response-card{margin-top:25px;padding:21px}.response-head button{background:#edf6ff;border:1px solid #cfe4f7;color:#2876c0;border-radius:8px;padding:7px 10px;font-size:10px}.answer{white-space:pre-wrap;color:#49667f;font-size:13px;line-height:1.8;margin-top:17px;max-width:850px}.response-tags{display:flex;gap:6px;margin-top:18px}.response-tags span{font-size:9px;border:1px solid #d3e5f4;color:#5f87a8;border-radius:99px;padding:5px 8px;background:#f7fbff}.error-card{margin-top:16px;border:1px solid #ffd2d2;background:#fff7f7;color:#b44a4a;border-radius:11px;padding:11px 13px;font-size:11px}.panel-page{padding:62px 5px 20px}.page-intro h2{font-size:45px;letter-spacing:-.055em;margin:9px 0;color:#102640}.page-intro p{color:#74899e;font-size:13px}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:30px}.project-card{padding:18px;display:grid;grid-template-columns:45px 1fr;gap:13px;align-items:start}.project-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#e9f5ff;color:#1673d3;font-size:18px}.project-card h3{margin:5px 0 3px;font-size:15px}.project-card p{margin:0;color:#8295a8;font-size:10px}.project-status{font-size:8px;color:#21805d;background:#effbf5;border:1px solid #c9efdd;border-radius:99px;padding:4px 7px}.project-card button{grid-column:1/-1;border:1px solid #d6e6f3;background:#f8fbfe;color:#2677c2;border-radius:8px;padding:9px;font-size:10px;text-align:left}.snippet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.snippet-card{padding:16px}.snippet-head{display:flex;justify-content:space-between;align-items:center}.snippet-head h3{font-size:12px;margin:0}.snippet-head button{font-size:9px;border:1px solid #d6e7f5;background:#f3f9ff;color:#2678c4;border-radius:7px;padding:6px 8px}.snippet-card pre{background:#f6faff;border:1px solid #e1edf6;border-radius:9px;padding:12px;overflow:auto;font-size:10px;color:#496984;line-height:1.6;margin-top:12px}.history-list{display:grid;gap:9px;margin-top:28px}.history-item{display:grid;grid-template-columns:110px 1fr;gap:8px;text-align:left;background:#fff;border:1px solid #dce9f5;border-radius:11px;padding:14px;color:#526f89}.history-item span{font-size:9px;color:#8da0b2}.history-item strong{font-size:11px;color:#1a3856}.history-item small{grid-column:2;font-size:9px;color:#8396a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-state{margin-top:28px;border:1px dashed #c8dceb;border-radius:13px;padding:35px;text-align:center;color:#8194a7;font-size:11px;background:#ffffff80}footer{display:flex;justify-content:space-between;color:#8296aa;font-size:9px;margin-top:46px;padding:0 3px 8px}@media(max-width:850px){.sidebar{width:210px}.main{padding:26px 25px}.hero{padding:55px 15px 40px}.orb-wrap{width:180px}.orb-ring{display:none}.orb{width:120px;height:120px}.suggestion-grid,.snippet-grid,.project-grid{grid-template-columns:1fr}}@media(max-width:680px){.sidebar{display:none}.main{padding:20px 14px}.top-actions .live-badge{display:none}.hero{padding:46px 4px 30px}.hero h2{font-size:48px}.hero-stats{gap:13px}.orb-wrap{display:none}.workspace-card{padding:15px}.composer-foot{align-items:flex-end;flex-direction:column}.tools,.send{width:100%}.panel-page{padding:42px 2px 15px}.page-intro h2{font-size:38px}.history-item{grid-template-columns:1fr}.history-item small{grid-column:1}footer{gap:8px;flex-wrap:wrap}}.agent-note{margin-top:10px;padding:9px 11px;border-radius:8px;background:#f4f0ff;color:#7050a8;font-size:9px;border:1px solid #e4d8ff}.tools button.tool-active{font-weight:750;box-shadow:inset 0 0 0 1px #b9dcfa}.retry-button{margin-left:10px;border:1px solid #e5baba;background:#fff;color:#a34b4b;border-radius:7px;padding:6px 10px;font-size:10px;font-weight:750}.retry-button:hover{background:#fff0f0}