:root{--g:#00e878;--g2:#9dffbd;--bg:#050706;--panel:#0c100e;--panel2:#111714;--line:#213028;--text:#f4f8f5;--muted:#849189;--danger:#ff6b6b;--side:270px}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{font-family:Manrope,Arial,sans-serif;background:radial-gradient(circle at 65% -10%,#0e2d1d 0,transparent 36%),var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}.sidebar{position:fixed;z-index:10;width:var(--side);height:100%;padding:22px 16px 16px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:rgba(5,8,6,.88);backdrop-filter:blur(22px)}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font:700 17px Unbounded}.brand-mark{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:var(--g);color:#031108;box-shadow:0 0 35px #00e87855}.brand small{display:block;color:var(--g);font:600 8px Manrope;letter-spacing:2px;margin-top:3px}.primary,.ghost,.add-model{border:0;border-radius:10px;padding:12px 15px;cursor:pointer;font-weight:800}.primary{background:var(--g);color:#031108}.primary:hover{background:#b7ffcb}.ghost{background:#111713;border:1px solid var(--line);color:#cbd4ce}.new-chat{margin:28px 0 25px}.side-label,.eyebrow{font-size:9px;letter-spacing:2px;color:var(--muted);font-weight:800;text-transform:uppercase}.chat-list{flex:1;overflow:auto;margin:10px -5px}.chat-item{width:100%;padding:11px;border:0;border-radius:9px;text-align:left;background:transparent;color:#aab5ae;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.chat-item.active,.chat-item:hover{background:#111813;color:#fff}.trial-mini{padding:13px;border:1px solid #254533;border-radius:11px;background:#0c1710;margin-bottom:10px}.trial-mini>div:first-child{display:flex;align-items:center;gap:7px;font-size:10px}.trial-mini>div span:last-child{margin-left:auto;color:var(--g)}.pulse{width:6px;height:6px;border-radius:50%;background:var(--g);box-shadow:0 0 10px var(--g)}.mini-track,.context-track{height:4px;background:#1b241f;border-radius:5px;margin:9px 0;position:relative}.mini-track i,.context-track i{display:block;height:100%;width:0;background:var(--g);border-radius:5px;transition:.4s}.trial-mini small{color:var(--muted);font-size:9px}.settings-open{width:100%;font-size:11px}.user-button{display:flex;gap:10px;align-items:center;background:transparent;border:0;color:#fff;text-align:left;padding:15px 6px 0;cursor:pointer}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#18251d;color:var(--g);font-weight:900}.user-button b,.user-button small{display:block;font-size:11px}.user-button small{color:var(--muted);margin-top:2px}.workspace{margin-left:var(--side);height:100%;display:flex;flex-direction:column;position:relative}header{height:67px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:0 24px;background:#070a08bb;backdrop-filter:blur(12px);z-index:2}.mode-switch{padding:4px;background:#0b0f0d;border:1px solid var(--line);border-radius:11px;display:flex}.mode-switch button{border:0;background:transparent;color:var(--muted);padding:8px 13px;border-radius:8px;font-size:11px;cursor:pointer}.mode-switch button.active{background:#183424;color:var(--g)}.agent-pill{position:absolute;right:22px;border:1px solid var(--line);background:#0d120f;color:#bfc9c2;border-radius:30px;padding:8px 12px;font-size:10px;cursor:pointer}.agent-pill i{display:inline-block;width:6px;height:6px;background:var(--g);border-radius:50%;margin-right:6px}.mobile-menu{display:none}.context-panel{padding:11px 24px;border-bottom:1px solid #17221b;background:#070a08}.context-title,.context-meta{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.context-title b{color:#cad4cd}.context-track{margin:7px 0}.context-track .threshold{position:absolute;left:80%;top:-4px;height:12px;border-left:1px dashed #e8bb42;color:#e8bb42;font-style:normal;font-size:7px;padding-left:3px}.messages{flex:1;overflow:auto;padding:35px 0 170px}.welcome{max-width:860px;margin:3vh auto;text-align:center;padding:20px}.orb{width:78px;height:78px;border:1px solid #1f7646;border-radius:50%;margin:0 auto 20px;display:grid;place-items:center;box-shadow:0 0 65px #00e87835,inset 0 0 28px #00e87825;background:radial-gradient(circle,#124c2c,#07120b 60%)}.orb span{font:700 34px Unbounded;color:var(--g)}.orb.small{width:54px;height:54px;margin-bottom:12px}.orb.small span{font-size:23px}.welcome h1{font:700 clamp(32px,5vw,65px)/1.08 Unbounded;margin:15px 0;letter-spacing:-3px}.welcome h1 em{color:var(--g);font-style:normal}.lead{max-width:650px;margin:0 auto;color:#9aa59e;font-size:14px;line-height:1.7}.suggestions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:32px}.suggestions button{text-align:left;padding:16px;background:#0c110e;border:1px solid var(--line);border-radius:12px;color:#e7ece9;cursor:pointer}.suggestions button:hover{border-color:#338c56;transform:translateY(-2px)}.suggestions b,.suggestions span{display:block}.suggestions b{font-size:11px}.suggestions span{font-size:9px;color:var(--muted);margin-top:5px}.message{max-width:900px;margin:0 auto 20px;padding:0 24px;display:flex;gap:13px}.message.user{justify-content:flex-end}.message .bubble{max-width:78%;padding:14px 17px;border:1px solid var(--line);border-radius:14px;background:#0d120f;white-space:pre-wrap;line-height:1.65;font-size:13px}.message.user .bubble{background:#173522;border-color:#28663e}.message .who{width:28px;height:28px;flex:0 0 auto;border-radius:8px;background:#13291b;display:grid;place-items:center;color:var(--g);font-weight:900;font-size:10px}.message.user .who{order:2}.message-files{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.message-files span{padding:4px 7px;border-radius:5px;background:#ffffff12;font-size:9px}.thinking{display:flex;gap:5px}.thinking i{width:6px;height:6px;border-radius:50%;background:var(--g);animation:b 1s infinite alternate}.thinking i:nth-child(2){animation-delay:.2s}.thinking i:nth-child(3){animation-delay:.4s}@keyframes b{to{opacity:.15;transform:translateY(-4px)}}.composer-area{position:absolute;bottom:0;left:0;right:0;padding:15px max(24px,calc((100% - 900px)/2));background:linear-gradient(transparent,#050706 24%)}.composer{display:flex;align-items:flex-end;gap:8px;padding:8px;border:1px solid #2e4738;background:#0d120f;border-radius:15px;box-shadow:0 20px 80px #000}.composer:focus-within{border-color:#3b9a5d}.composer textarea{flex:1;background:transparent;border:0;outline:0;resize:none;color:#f4f8f5;padding:11px 4px;max-height:170px;font-size:13px}.attach,.send{width:38px;height:38px;border:0;border-radius:10px;display:grid;place-items:center;cursor:pointer}.attach{background:#151d18;color:#9ba79f}.send{background:var(--g);color:#031108;font-size:21px}.send:disabled{opacity:.4}.composer-hint{display:flex;justify-content:space-between;padding:7px 4px;color:#566159;font-size:9px}.composer-hint button{border:0;background:transparent;color:#688f77;font-size:9px;cursor:pointer}.files{display:flex;gap:7px;overflow:auto;margin-bottom:5px}.file-chip{display:flex;align-items:center;gap:6px;background:#142019;border:1px solid #294835;border-radius:8px;padding:6px 8px;font-size:9px;white-space:nowrap}.file-chip button{border:0;background:transparent;color:#90a097;cursor:pointer}.modal-backdrop{position:fixed;z-index:30;inset:0;background:#000b;display:none;place-items:center;padding:20px;backdrop-filter:blur(10px)}.modal-backdrop.open{display:grid}.modal{width:min(780px,100%);max-height:92vh;overflow:auto;border:1px solid #2a4835;background:#080c09;border-radius:18px;padding:24px;box-shadow:0 30px 120px #000}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal h2{font:600 24px Unbounded;margin:5px 0}.close{border:0;background:#141a16;color:#aab4ad;width:34px;height:34px;border-radius:9px;font-size:22px;cursor:pointer}.mode-info{padding:11px 13px;border-left:2px solid var(--g);background:#0f1712;color:#9baa9f;font-size:11px;margin:18px 0}.model-card{border:1px solid var(--line);border-radius:12px;margin:10px 0;background:#0c110e;overflow:hidden}.model-summary{display:flex;align-items:center;gap:10px;padding:12px;cursor:pointer}.model-number{width:27px;height:27px;border-radius:8px;background:#193c26;color:var(--g);display:grid;place-items:center;font-weight:900;font-size:10px}.model-summary strong{font-size:11px;flex:1}.model-summary small{color:var(--muted)}.model-remove{border:0;background:transparent;color:#755;cursor:pointer}.model-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:0 12px 14px}.model-fields label,.auth-modal label{font-size:9px;color:var(--muted);font-weight:700}.model-fields input,.model-fields select,.model-fields textarea,.auth-modal input{display:block;width:100%;margin-top:5px;border:1px solid var(--line);border-radius:8px;background:#070a08;color:#e8eeea;padding:10px;outline:0;font-size:11px}.model-fields textarea{height:70px;resize:vertical}.model-fields .wide{grid-column:1/-1}.inline-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;grid-column:1/-1}.test-model{background:#14221a;border:1px solid #2c4a37;color:var(--g);border-radius:8px;cursor:pointer}.add-model{width:100%;background:#0d160f;border:1px dashed #32543e;color:#b8c6bc}.add-model span{float:right;color:var(--muted);font-size:9px}.security-note{font-size:9px;color:#758279;margin:14px 0}.modal-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);padding-top:15px}.auth-modal{width:min(430px,100%);text-align:center;position:relative}.auth-close{position:absolute;right:14px;top:14px}.trial-badge{display:inline-block;padding:6px 10px;border:1px solid #28523a;border-radius:20px;color:var(--g);font-size:9px;letter-spacing:1px;margin-bottom:15px}.auth-modal h2{font-size:22px}.auth-modal>p{color:var(--muted);font-size:12px}.auth-tabs{display:flex;background:#0f1411;border-radius:9px;padding:3px;margin:18px 0}.auth-tabs button{flex:1;border:0;background:transparent;color:var(--muted);padding:9px;border-radius:7px;font-size:10px;cursor:pointer}.auth-tabs button.active{background:#1a3724;color:var(--g)}.auth-modal label{text-align:left;display:block;margin:10px 0}.auth-modal .primary{width:100%;margin-top:8px}.auth-modal>small{display:block;color:#58635c;font-size:8px;margin-top:15px}.auth-error{min-height:18px;color:var(--danger);font-size:10px;margin-top:8px}.trace-drawer{position:fixed;z-index:25;right:-480px;top:0;width:min(460px,100%);height:100%;background:#080c09;border-left:1px solid #2b4535;padding:22px;transition:.25s;overflow:auto}.trace-drawer.open{right:0}.trace-list{margin-top:20px}.trace-card{padding:14px;border:1px solid var(--line);border-radius:11px;margin-bottom:10px;background:#0d120f}.trace-card header{position:static;height:auto;padding:0;background:none;border:0;justify-content:flex-start;gap:8px;color:var(--g);font-size:10px}.trace-card p{white-space:pre-wrap;font-size:10px;line-height:1.6;color:#aab5ae;max-height:190px;overflow:auto}.empty{color:var(--muted);font-size:11px}.toast{position:fixed;z-index:50;right:20px;bottom:20px;max-width:360px;padding:12px 15px;border-radius:10px;background:#16241b;border:1px solid #31513d;color:#e8eee9;font-size:11px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{border-color:#6e3535;background:#251313}.hidden{display:none!important}@media(max-width:800px){:root{--side:250px}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.workspace{margin-left:0}.mobile-menu{display:block;position:absolute;left:12px;border:0;background:transparent;color:#fff}.mode-switch button{padding:7px;font-size:9px}.agent-pill{display:none}.suggestions{grid-template-columns:1fr}.welcome h1{font-size:35px}.composer-area{padding-left:12px;padding-right:12px}.model-fields{grid-template-columns:1fr}.model-fields .wide,.inline-fields{grid-column:1}.inline-fields{grid-template-columns:1fr}.context-panel{padding-left:14px;padding-right:14px}}
