:root{--bg:#080a0e;--side:#0b0d12;--panel:#10131a;--panel2:#151922;--panel3:#1b202b;--line:#262b37;--line2:#333a49;--text:#f3f1eb;--muted:#8a91a0;--lime:#d2ff54;--lime2:#a8da2b;--red:#ff7279;--blue:#76a9ff;color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit;color:inherit}button,select{cursor:pointer}.hidden{display:none!important}.mobile{display:none}.muted{color:var(--muted)}.error,.danger{color:var(--red)!important}.kicker{color:var(--lime);font-size:10px;font-weight:800;letter-spacing:.17em}.primary{background:var(--lime)!important;color:#101309!important;border-color:var(--lime)!important;font-weight:800}.icon{width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--panel);display:grid;place-items:center}.wide{width:100%;padding:12px;border:1px solid var(--line);border-radius:11px;text-align:left}
.auth{width:min(450px,calc(100% - 32px));margin:9vh auto;padding:42px;border:1px solid var(--line2);border-radius:28px;background:radial-gradient(circle at 100% 0,#20291a,transparent 38%),var(--panel);box-shadow:0 30px 90px #0009}.auth-mark,.welcome-mark{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:var(--lime);color:#11160a;font:30px serif}.auth h1{font-size:38px;letter-spacing:-.045em;margin:20px 0 8px}.auth>p:not(.kicker){color:var(--muted)}.auth form{display:grid;gap:10px;margin-top:28px}.auth label{font-size:13px}.auth input{padding:15px;border:1px solid var(--line2);border-radius:12px;background:#090c11;outline:0}.auth input:focus{border-color:var(--lime)}.auth form button{display:flex;justify-content:space-between;border:0;border-radius:12px;background:var(--lime);color:#101309;font-weight:800;padding:15px}.pair-hint{background:var(--panel3);border-radius:10px;padding:12px;font-size:12px}
.app{min-height:100vh;display:grid;grid-template-columns:265px minmax(0,1fr) 290px}.sidebar{position:fixed;z-index:10;inset:0 auto 0 0;width:265px;padding:18px 15px;background:var(--side);border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:3px 6px 19px}.brand>span{width:38px;height:38px;border-radius:11px;background:var(--lime);color:#101309;display:grid;place-items:center;font:21px serif}.brand div{min-width:0;flex:1}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:10px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-tools{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.side-tools button{border:1px solid var(--line);background:var(--panel);border-radius:9px;padding:9px 7px;font-size:11px;color:#bec3cd}.search{display:flex;align-items:center;gap:7px;margin-top:19px;border:1px solid var(--line);background:#090b10;border-radius:9px;padding:8px 10px}.search span{color:var(--muted)}.search input{width:100%;border:0;background:transparent;outline:0;font-size:12px}.side-label{display:flex;align-items:center;justify-content:space-between;padding:19px 7px 7px;text-transform:uppercase;letter-spacing:.12em;color:#666e7d;font-size:9px}.side-label button{border:0;background:none;color:#737b8b}.thread-list{overflow:auto;flex:1;padding-right:2px}.thread-project{padding:3px 0 8px}.thread-project-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;background:transparent;color:#d4d7de;padding:8px 9px;border-radius:8px;text-align:left}.thread-project-toggle:hover{background:#11141b}.thread-project-toggle.has-active{color:var(--text)}.thread-project-toggle strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700}.thread-project-meta{flex:0 0 auto;display:flex;align-items:center;gap:7px}.thread-project-count{min-width:21px;border:1px solid var(--line);border-radius:999px;padding:2px 6px;color:#777f8e;font-size:8px;text-align:center}.project-spinner{display:block;width:13px;height:13px;flex:0 0 13px;border:2px solid #3a4231;border-top-color:var(--lime);border-right-color:#91b43a;border-radius:50%;box-shadow:0 0 7px #d2ff5422;animation:project-spin .75s linear infinite}@keyframes project-spin{to{transform:rotate(1turn)}}.thread-project-items{padding-left:10px}.thread-item{display:block;width:100%;border:0;border-radius:9px;background:transparent;text-align:left;padding:8px 10px;color:#aeb4c0}.thread-item:hover,.thread-item.active{background:var(--panel2);color:var(--text)}.thread-item strong,.thread-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-item strong{font-size:11px;font-weight:500}.thread-item small{color:#656d7c;font-size:8px;margin-top:4px}.thread-empty{color:var(--muted);font-size:10px;padding:10px 8px}.account{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding:15px 5px 2px}.presence{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px var(--lime)}.account div{min-width:0;flex:1}.account strong,.account small{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account small{color:var(--muted);margin-top:3px}.account button{border:0;background:none;color:var(--muted)}
.main{grid-column:2;min-width:0;min-height:100vh;display:flex;flex-direction:column}.topbar{height:72px;position:sticky;top:0;z-index:6;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid var(--line);background:#080a0ed9;backdrop-filter:blur(16px)}.title{min-width:0;flex:1}.title span,.title strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.title span{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.12em}.title strong{font-size:15px;margin-top:4px}.top-actions{display:flex;gap:8px;align-items:center}.status{height:34px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:0 11px;font-size:10px;color:var(--muted);background:var(--panel)}.status i{width:7px;height:7px;border-radius:50%;background:#6e7583}.status.running i{background:var(--lime);box-shadow:0 0 8px var(--lime);animation:pulse 1.1s infinite}.status.failed i{background:var(--red)}@keyframes pulse{50%{opacity:.3}}.menu{position:absolute;right:24px;top:61px;width:180px;padding:6px;background:var(--panel2);border:1px solid var(--line2);border-radius:11px;box-shadow:0 20px 60px #000a}.menu button{display:block;width:100%;border:0;background:none;text-align:left;padding:9px;border-radius:7px;font-size:11px}.menu button:hover{background:var(--panel3)}
.welcome{margin:auto;width:min(850px,100%);padding:60px 26px 210px;text-align:center}.welcome-mark{margin:auto}.welcome h1{font-size:clamp(38px,5vw,58px);letter-spacing:-.055em;margin:20px 0 8px}.welcome>p{max-width:600px;margin:0 auto;color:var(--muted);line-height:1.6}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:32px}.project-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:12px;text-align:left}.project-card:hover{border-color:#576043}.project-card strong,.project-card small{display:block}.project-card strong{font-size:11px}.project-card small{font-size:9px;color:var(--muted);margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.conversation{flex:1;min-height:0}.messages{width:min(850px,100%);margin:0 auto;padding:40px 24px 250px}.turn{padding-bottom:26px}.message{display:flex;gap:13px;margin:0 0 18px}.avatar{flex:0 0 28px;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--panel3);font-size:12px}.message.user .avatar{background:#2b303d}.message.agent .avatar{background:var(--lime);color:#101309;font-family:serif}.message-body{min-width:0;flex:1;line-height:1.65;font-size:13px;white-space:pre-wrap;word-break:break-word}.message.user .message-body{background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:13px 15px}.item-card{margin:8px 0 12px 41px;border:1px solid var(--line);background:#0d1016;border-radius:11px;overflow:hidden}.item-card summary,.item-head{padding:10px 12px;display:flex;align-items:center;gap:8px;font-size:11px;color:#bdc2cc;cursor:pointer}.item-card pre{margin:0;border-top:1px solid var(--line);padding:11px;max-height:320px;overflow:auto;background:#080a0e;color:#aeb7c5;font:10px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}.item-card.reasoning{border-color:#333b29}.item-card.file{border-color:#2e4052}.item-card.error{border-color:#5b3034}.badge{font-size:8px;text-transform:uppercase;letter-spacing:.1em;padding:3px 6px;border-radius:999px;background:var(--panel3);color:var(--muted)}.plan-card{margin:10px 0 18px 41px;border-left:2px solid var(--lime);background:#12160f;padding:12px;border-radius:0 10px 10px 0;white-space:pre-wrap;font-size:12px;line-height:1.6}.diff-panel{position:fixed;z-index:12;top:72px;right:290px;bottom:0;width:min(700px,calc(100% - 265px));background:#090b10;border-left:1px solid var(--line);box-shadow:-20px 0 60px #0008}.diff-panel>div{height:48px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 14px}.diff-panel button{border:0;background:none}.diff-panel pre{margin:0;padding:15px;overflow:auto;height:calc(100% - 48px);font:10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;color:#c1c7d1}
.composer-zone{position:fixed;z-index:5;left:265px;right:290px;bottom:0;padding:15px 24px 12px;background:linear-gradient(transparent,#080a0e 22%,#080a0e)}.composer{position:relative;width:min(850px,100%);margin:auto;border:1px solid var(--line2);background:var(--panel);border-radius:16px;padding:8px;box-shadow:0 24px 70px #000a;transition:border-color .15s ease,box-shadow .15s ease}.composer:focus-within{border-color:#596345}.composer.dragging{border-color:var(--lime);box-shadow:0 0 0 3px #d2ff5426,0 24px 70px #000a}.drop-hint{position:absolute;z-index:3;inset:7px;display:none;place-items:center;border:1px dashed #8baa39;border-radius:11px;background:#12170ff2;color:var(--lime);font-size:12px;font-weight:750;letter-spacing:.01em;pointer-events:none}.composer.dragging .drop-hint{display:grid}.composer>textarea{width:100%;resize:none;min-height:58px;max-height:180px;border:0;background:transparent;outline:0;padding:10px;font-size:13px;line-height:1.5}.composer-row{display:flex;gap:8px;justify-content:space-between;align-items:end;border-top:1px solid var(--line);padding-top:8px}.composer-left,.composer-right{display:flex;gap:6px;align-items:center}.composer select,.attach{max-width:150px;height:30px;border:1px solid var(--line);border-radius:8px;background:#0b0e14;padding:0 8px;font-size:9px}.attach{display:grid;place-items:center;width:30px;font-size:16px}.send,.stop{width:31px;height:31px;border:0;border-radius:9px;background:var(--lime);color:#101309;font-weight:900}.stop{background:var(--red);color:white}.composer-note{width:min(850px,100%);margin:7px auto 0;display:flex;justify-content:space-between;font-size:8px;color:#666e7d}.attachments{width:min(850px,100%);margin:0 auto 6px;display:flex;gap:6px;flex-wrap:wrap}.attachment{border:1px solid var(--line);background:var(--panel2);border-radius:999px;padding:5px 8px;font-size:9px}.attachment button{border:0;background:none;color:var(--muted)}
.inspector{position:fixed;z-index:8;right:0;inset-block:0;width:290px;background:var(--side);border-left:1px solid var(--line);overflow:auto}.inspector-head{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid var(--line)}.inspector section{padding:16px;border-bottom:1px solid var(--line)}.inspector label{color:#656d7c;font-size:8px;text-transform:uppercase;letter-spacing:.12em}.inspector p{font-size:10px;word-break:break-word;margin:5px 0 14px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:11px}.section-title button{border:0;background:none;color:var(--lime);font-size:9px}.plan-list,.changes,#backgroundList{font-size:10px;line-height:1.6}.plan-row,.change-row{display:flex;gap:7px;align-items:start;padding:6px 0;border-bottom:1px solid #1d212a}.plan-row i{width:6px;height:6px;border-radius:50%;background:#687080;margin-top:5px}.plan-row.done i{background:var(--lime)}
.dialog{width:min(800px,calc(100% - 28px));max-height:82vh;border:1px solid var(--line2);border-radius:17px;background:var(--panel);color:var(--text);padding:0;box-shadow:0 30px 100px #000c}.dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}.dialog-head{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line)}.dialog-head strong,.dialog-head span{display:block}.dialog-head button{border:0;background:none;font-size:20px}.terminal-cwd{display:block;padding:12px 15px;font-size:10px;color:var(--muted)}.terminal-cwd select{margin-left:8px;background:#0b0e14;border:1px solid var(--line);padding:6px;border-radius:7px}.terminal-output{height:420px;overflow:auto;padding:14px;background:#06080b;font:11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}.terminal-output .cmd{color:var(--lime)}.terminal-output .err{color:var(--red)}.terminal-dialog form{display:flex;align-items:center;gap:8px;padding:9px;border-top:1px solid var(--line)}.terminal-dialog form>span{color:var(--lime)}.terminal-dialog textarea{flex:1;resize:none;background:transparent;border:0;outline:0;font-family:monospace}.terminal-dialog form button{background:var(--lime);color:#101309;border:0;border-radius:8px;padding:9px 14px}.tabs{display:flex;gap:5px;padding:10px;border-bottom:1px solid var(--line)}.tabs button{border:0;background:none;border-radius:7px;padding:7px 10px;font-size:10px}.tabs button.active{background:var(--panel3);color:var(--lime)}.settings-content{padding:15px;overflow:auto;max-height:60vh}.setting-row{display:grid;grid-template-columns:160px 1fr auto;gap:12px;align-items:center;padding:10px;border-bottom:1px solid var(--line);font-size:10px}.setting-row small{color:var(--muted)}.request-dialog{width:min(560px,calc(100% - 28px));padding-bottom:13px}.request-dialog pre,.request-dialog textarea{margin:12px;width:calc(100% - 24px);white-space:pre-wrap}.request-dialog textarea{background:#090c11;border:1px solid var(--line);border-radius:9px;padding:10px}.request-actions{display:flex;justify-content:flex-end;gap:8px;padding:0 12px}.request-actions button{border:1px solid var(--line);background:var(--panel2);border-radius:8px;padding:8px 12px}.toast{position:fixed;z-index:30;right:20px;bottom:20px;max-width:360px;background:var(--panel3);border:1px solid var(--line2);border-radius:11px;padding:11px 14px;font-size:11px;box-shadow:0 20px 60px #000b}.scrim{position:fixed;inset:0;z-index:9;background:#0008}
.usage-pill{height:34px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:0 10px;background:var(--panel);font-size:9px;color:var(--muted)}.usage-pill b{color:var(--text);font-size:10px}.usage-mini{background:linear-gradient(145deg,#12170f,#0d1015)}.usage-row{margin-bottom:12px}.usage-row:last-child{margin:0}.usage-label{display:flex;align-items:center;justify-content:space-between;font-size:9px;margin-bottom:6px}.usage-label span{color:var(--muted)}.usage-label b{color:var(--text)}.usage-bar{height:6px;border-radius:999px;background:#242a34;overflow:hidden}.usage-bar i{display:block;height:100%;border-radius:inherit;background:var(--lime)}.usage-bar i.warn{background:#ffc857}.usage-bar i.danger{background:var(--red)}.usage-reset{display:block;color:#666e7d;font-size:8px;margin-top:5px}.usage-content{padding:18px;overflow:auto;max-height:68vh}.usage-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.usage-card{border:1px solid var(--line);background:#0c0f15;border-radius:14px;padding:15px}.usage-card>span{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.usage-card h3{font-size:27px;letter-spacing:-.04em;margin:7px 0 14px}.usage-card h3 small{font-size:10px;color:var(--muted);font-weight:500}.usage-card.wide{grid-column:1/-1}.limit-group{margin-top:18px}.limit-group h4{font-size:11px;margin:0 0 10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stat{border:1px solid var(--line);border-radius:10px;padding:11px}.stat b,.stat small{display:block}.stat b{font-size:15px}.stat small{color:var(--muted);font-size:8px;margin-top:4px}.usage-chart{height:120px;display:flex;align-items:end;gap:4px;padding-top:12px}.usage-chart i{flex:1;min-width:3px;border-radius:3px 3px 0 0;background:linear-gradient(var(--lime),#647b2e);opacity:.78}.credit-note{margin-top:12px;padding:10px;border:1px solid #374326;background:#12170f;border-radius:10px;color:#b8c69a;font-size:9px;line-height:1.5}
@media(max-width:1180px){.app{grid-template-columns:265px minmax(0,1fr)}.inspector{display:none}.composer-zone{right:0}.diff-panel{right:0}.topbar #reviewBtn{display:none}}
@media(max-width:760px){.mobile{display:grid}.app{display:block}.sidebar{transform:translateX(-100%);transition:.2s;width:min(300px,88vw)}.app.menu-open .sidebar{transform:none}.main{display:flex}.topbar{padding:0 12px;gap:9px}.top-actions .icon{display:none}.status b{display:none}.usage-pill span:last-child{display:none}.welcome{padding:45px 16px 230px}.project-grid{grid-template-columns:1fr 1fr}.messages{padding:28px 14px 250px}.composer-zone{left:0;padding:10px}.composer-row{display:block}.composer-left,.composer-right{overflow-x:auto;padding-top:6px}.composer-right{justify-content:flex-end}.composer select{flex:0 0 auto;max-width:125px}.composer-note span:last-child{display:none}.diff-panel{top:72px;width:100%}.auth{padding:30px 22px}.auth h1{font-size:32px}.item-card,.plan-card{margin-left:0}.usage-grid{grid-template-columns:1fr}.usage-card.wide{grid-column:auto}.stats{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.project-spinner{animation:none;border-color:var(--lime)}}