:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0b1118;color:#edf4f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 85% -10%,#173b3a 0,transparent 28rem),#0b1118}button,input,select,textarea{font:inherit}button{cursor:pointer}.brand{display:flex;align-items:center;gap:.7rem;font-weight:760;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.65rem;background:#6ee7c7;color:#07110f;font-weight:900}.eyebrow{margin:0 0 .35rem;color:#6ee7c7;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.muted{color:#93a29f;line-height:1.55}.login-shell{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-card{width:min(100%,27rem);padding:2.25rem;border:1px solid #26333b;border-radius:1.25rem;background:#111922f0;box-shadow:0 2rem 6rem #0008}.login-card .brand{margin-bottom:3.5rem}h1{margin:0;font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.045em}form{display:grid;gap:1rem}label{display:grid;gap:.45rem;color:#b8c4c1;font-size:.86rem;font-weight:650}input,select,textarea{width:100%;border:1px solid #304049;border-radius:.7rem;outline:none;background:#0d151d;color:#edf4f2;padding:.8rem .9rem}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#6ee7c7;box-shadow:0 0 0 3px #6ee7c722}.primary{border:0;border-radius:.7rem;background:#6ee7c7;color:#07110f;padding:.85rem 1rem;font-weight:800}.primary:hover{background:#8aefd5}.primary:disabled{opacity:.6;cursor:wait}.secure-note{margin:1.5rem 0 0;text-align:center;color:#788985;font-size:.78rem}.secure-note span,.system-ok span{display:inline-block;width:.45rem;height:.45rem;margin-right:.3rem;border-radius:50%;background:#6ee7c7;box-shadow:0 0 .7rem #6ee7c7}.notice{position:fixed;right:1rem;bottom:1rem;z-index:1000;width:min(24rem,calc(100vw - 2rem));margin:0;padding:.75rem 1rem;border:1px solid #703d47;border-radius:.65rem;background:#331b22;color:#ffb4c0;box-shadow:0 1rem 3rem #0009;font-size:.82rem}.notice[data-tone=ok]{border-color:#2c6c5b;background:#112c27;color:#99efd8}.workspace{display:grid;grid-template-columns:16.5rem 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;border-right:1px solid #202c34;background:#0c131aee;padding:1.4rem 1rem}.sidebar .brand{padding:0 .65rem 1.15rem}.primary-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;margin:0 0 1.1rem;padding:.25rem;border:1px solid #263039;border-radius:.85rem;background:#090e14}.primary-switcher button{min-width:0;display:grid;place-items:center;gap:.2rem;border:0;border-radius:.65rem;background:transparent;color:#71807e;padding:.55rem .2rem}.primary-switcher button:hover{color:#dbe5e2}.primary-switcher button.active{background:#292b31;color:#fff;box-shadow:0 .2rem .8rem #0005}.primary-switcher button span{color:#8a8f98;font-size:1rem;line-height:1}.primary-switcher button.active span{color:#8a83ff}.primary-switcher button small{max-width:100%;overflow:hidden;font-size:.63rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.sidebar nav{display:grid;gap:.25rem}.nav-label{margin:1.5rem .7rem .5rem;color:#647570;font-size:.67rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.nav-item,.add-project{display:flex;align-items:center;gap:.65rem;width:100%;border:0;border-radius:.6rem;background:transparent;color:#9caaa7;padding:.68rem .72rem;text-align:left}.nav-item:hover,.nav-item.active{background:#17242b;color:#fff}.nav-item span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item strong{color:#657873;font-size:.75rem}.nav-item i,.project-chip i{width:.5rem;height:.5rem;flex:0 0 auto;border-radius:50%;background:var(--project-color)}.project-row{position:relative;display:flex;align-items:center}.project-row .nav-item{padding-right:4.3rem}.project-actions{position:absolute;right:.35rem;display:flex;opacity:0;transition:opacity .15s ease}.project-row:hover .project-actions,.project-row:focus-within .project-actions{opacity:1}.project-actions button,.task-actions button{border:0;border-radius:.4rem;background:transparent;color:#748681;padding:.3rem .4rem}.project-actions button:hover,.task-actions button:hover{background:#24343b;color:#edf4f2}.add-project{color:#6ee7c7}.account{display:flex;align-items:center;gap:.65rem;margin-top:auto;padding:1rem .5rem 0;border-top:1px solid #202c34}.avatar{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:#28363e;color:#6ee7c7;font-weight:800}.account div{display:grid;flex:1;font-size:.82rem}.account small{color:#70807c}.account button{border:0;background:transparent;color:#81918e;font-size:1.2rem}.content{width:min(100%,74rem);margin:0 auto;padding:2.2rem clamp(1rem,5vw,4rem) 5rem}.content header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem}.system-ok{border:1px solid #28433d;border-radius:99rem;background:#10221f;color:#a8c4bc;padding:.5rem .75rem;font-size:.75rem;white-space:nowrap}.composer{margin-bottom:2.2rem;padding:1rem;border:1px solid #27363e;border-radius:.9rem;background:#111a22;box-shadow:0 1rem 3rem #0002}.composer>form>input{border:0;background:transparent;padding:.5rem .35rem;font-size:1.05rem}.composer>form>input:focus{box-shadow:none}.composer-row{display:grid;grid-template-columns:1fr 1fr 1.15fr auto;gap:.65rem;padding-top:.75rem;border-top:1px solid #24323a}.composer-row input,.composer-row select{padding:.6rem .7rem;font-size:.78rem}.primary.compact{padding:.65rem 1rem}.task-section{margin-top:1.75rem}.section-title{display:flex;align-items:center;gap:.55rem;margin-bottom:.75rem}.section-title h2{margin:0;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:#a7b5b2}.section-title span{color:#667772;font-size:.75rem}.task-list{display:grid;gap:.55rem}.task-card{display:flex;gap:.85rem;align-items:flex-start;padding:1rem;border:1px solid #25333b;border-radius:.75rem;background:#111a22}.task-card:hover{border-color:#364a53}.task-toggle{width:1.25rem;height:1.25rem;flex:0 0 auto;display:grid;place-items:center;margin-top:.08rem;border:1px solid #50625e;border-radius:.38rem;background:#0d151b;color:#07110f;font-size:.75rem;font-weight:900}.task-toggle:hover{border-color:#6ee7c7}.task-copy{min-width:0;flex:1}.task-copy h3{margin:0;font-size:.94rem;font-weight:670}.task-copy>p{margin:.4rem 0;color:#8e9d99;white-space:pre-wrap}.meta{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.55rem;color:#72827e;font-size:.72rem}.project-chip{display:inline-flex;align-items:center;gap:.35rem}.task-actions{display:flex;gap:.2rem;opacity:0;transition:opacity .15s ease}.task-card:hover .task-actions,.task-card:focus-within .task-actions{opacity:1}.task-actions button{font-size:.72rem}.priority{color:#dfbd78}.priority.p3{color:#ff9ba8}.is-done{opacity:.55}.is-done .task-toggle{border-color:#6ee7c7;background:#6ee7c7}.is-done h3{text-decoration:line-through}.empty{padding:3.2rem 1rem;border:1px dashed #2b3940;border-radius:.8rem;text-align:center;color:#758681}.empty>span{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:#14251f;color:#6ee7c7}.empty h3{margin:.8rem 0 .2rem;color:#c1ceca}.empty p{margin:0}dialog{width:min(calc(100% - 2rem),26rem);border:1px solid #304049;border-radius:1rem;background:#111a22;color:#edf4f2;padding:1.25rem;box-shadow:0 2rem 7rem #000c}dialog::backdrop{background:#04070bbd;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.2rem}.dialog-head h2{margin:0}.dialog-head button{border:0;background:transparent;color:#91a09d;font-size:1.5rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.codex-dot,.provider-dot{background:#6ee7c7!important;box-shadow:0 0 .6rem #6ee7c766}.provider-dot.claude{background:#d89b72!important;box-shadow:0 0 .6rem #d89b7266}.chat-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.model-pickers{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.65rem}.provider-picker{display:flex;grid-auto-flow:column;align-items:center;gap:.55rem;color:#8fa09c;font-size:.72rem;font-weight:650}.provider-picker select{width:auto;min-width:8.5rem;padding:.5rem 2rem .5rem .7rem;border-radius:99rem}.provider-picker select:disabled{opacity:.65;cursor:wait}.run-pulse{width:.5rem;height:.5rem;border-radius:50%;background:#f6c76b;box-shadow:0 0 #f6c76b88;animation:pulse 1.4s infinite}@keyframes pulse{70%{box-shadow:0 0 0 .45rem transparent}to{box-shadow:0 0 0 0 transparent}}.chat-content{display:flex;flex-direction:column;height:100vh;padding-bottom:1.5rem}.messages{min-height:0;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;padding:.5rem 0 1.5rem}.message{max-width:min(78%,48rem);padding:1rem 1.1rem;border:1px solid #293941;border-radius:.9rem;background:#111a22;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.message.user{align-self:flex-end;border-color:#31554c;background:#153128}.message.assistant{align-self:flex-start}.message.streaming{border-color:#42665d}.message-role{margin-bottom:.35rem;color:#6ee7c7;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.message-composer{flex:0 0 auto;gap:.65rem;padding:.8rem;border:1px solid #2b3b43;border-radius:.9rem;background:#111a22;box-shadow:0 -1rem 3rem #0b1118aa}.message-composer textarea{border:0;background:transparent;padding:.35rem}.message-composer textarea:focus{box-shadow:none}.message-composer>div{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid #25343b;padding-top:.65rem}.message-composer small{color:#70817c}.composer-actions{display:flex;align-items:center;gap:.55rem}.voice-button{border:1px solid #345048;border-radius:.65rem;background:#10231f;color:#b9eee0;padding:.7rem .9rem;font-weight:700}.voice-button:hover{border-color:#6ee7c7}.voice-button.recording{border-color:#ff8395;background:#391d24;color:#ffc2cb}.voice-button:disabled{opacity:.5;cursor:not-allowed}.voice-button.icon-only{display:inline-grid;width:2.75rem;height:2.75rem;place-items:center;padding:.55rem}.voice-button.icon-only svg{width:1.3rem;height:1.3rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.danger{border:1px solid #77424b;border-radius:.65rem;background:#341d23;color:#ffb9c4;padding:.7rem 1rem;font-weight:700}.chat-empty{margin:auto;max-width:32rem;text-align:center;color:#8b9b97}.chat-empty .brand-mark{margin:0 auto 1rem}.chat-empty h1,.chat-empty h2{margin:0;color:#edf4f2}.chat-empty p{line-height:1.6}.chat-empty.standalone{min-height:70vh;display:grid;place-items:center;align-content:center}.chat-empty.standalone .primary{margin-top:.5rem}.browser-content{width:min(100%,96rem)}.browser-toolbar{margin-bottom:1rem;border:1px solid #293941;border-radius:.9rem;background:#111a22;padding:.8rem}.browser-nav{display:flex;gap:.5rem}.browser-nav>button,.browser-secondary,.browser-scroll button{border:1px solid #304049;border-radius:.65rem;background:#0d151d;color:#d8e3e0;padding:.65rem .85rem}.browser-nav>button:hover,.browser-secondary:hover,.browser-scroll button:hover{border-color:#6ee7c7}#browser-address-form{min-width:0;flex:1;display:flex;grid-template-columns:1fr auto;gap:.5rem}#browser-address-form input{min-width:0}.browser-title{display:flex;justify-content:space-between;gap:1rem;margin-top:.65rem;color:#70817c;font-size:.75rem}.browser-title strong{color:#cbd7d4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-stage{display:grid;grid-template-columns:minmax(0,1fr) 16rem;gap:1rem;align-items:start}.browser-stage-solo{grid-template-columns:1fr}.browser-screen-wrap{position:relative;aspect-ratio:16 / 9;overflow:hidden;border:1px solid #31434c;border-radius:.8rem;background:#05080b;box-shadow:0 1.5rem 5rem #0007}.browser-screen{display:block;width:100%;height:100%;object-fit:contain;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.browser-screen:focus{outline:3px solid #6ee7c7;outline-offset:-3px}.browser-tabs{display:flex;gap:.3rem;min-width:0;margin-bottom:.65rem;overflow-x:auto;scrollbar-width:thin}.browser-tab{min-width:7rem;max-width:14rem;display:flex;align-items:center;border:1px solid #2b3a42;border-radius:.6rem .6rem 0 0;background:#0b1219}.browser-tab.active{border-color:#4d8879;background:#17262b}.browser-tab>button:first-child{min-width:0;flex:1;overflow:hidden;border:0;background:transparent;color:#a9b7b4;padding:.55rem .65rem;text-align:left;text-overflow:ellipsis;white-space:nowrap}.browser-tab.active>button:first-child{color:#fff}.browser-tab>button:last-child{border:0;background:transparent;color:#71817d;padding:.5rem}.browser-tab>button:last-child:hover{color:#ff9cab}.browser-new-tab{flex:0 0 auto;border:1px solid #304049;border-radius:.55rem;background:#0d151d;color:#b6c3c0;padding:.35rem .7rem}.browser-controls{display:grid;gap:.7rem;padding:.9rem;border:1px solid #293941;border-radius:.8rem;background:#111a22}.browser-controls textarea{font-size:.8rem}.browser-controls>p{margin:.25rem 0 0;color:#71827e;font-size:.72rem;line-height:1.5}.browser-keyboard-help{color:#91a39e;font-size:.75rem;line-height:1.45}.browser-keyboard-help strong{color:#dce8e5}.browser-scroll{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.browser-empty{min-height:60vh;display:grid;place-items:center;align-content:center;text-align:center;color:#8b9b97}.browser-empty h2{margin:.8rem 0 .25rem;color:#edf4f2}.browser-empty p{max-width:34rem;line-height:1.6}.agent-content{min-width:0;height:100vh;display:flex;flex-direction:column;overflow:hidden;padding:1.5rem}.agent-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.agent-grid{min-height:0;flex:1;display:grid;grid-template-columns:minmax(22rem,.72fr) minmax(34rem,1.28fr);gap:1rem}.agent-panel{min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;border:1px solid #293941;border-radius:1rem;background:#0e171f;overflow:hidden}.agent-panel-head{min-height:4.6rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border-bottom:1px solid #26353d}.agent-panel-head h2{margin:0;font-size:1rem}.agent-chat-panel .messages{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:1rem}.agent-chat-panel .message{max-width:92%;padding:.75rem .85rem;font-size:.86rem}.agent-chat-panel .message-composer{margin:.75rem}.agent-browser-panel{padding-bottom:.75rem}.agent-browser-nav{padding:.75rem}.agent-browser-panel .browser-screen-wrap{min-height:0;flex:0 1 auto;aspect-ratio:16 / 9;margin:0 .75rem}.agent-browser-controls{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto auto;gap:.5rem;padding:.75rem}.agent-browser-controls textarea{min-width:0;resize:none}.agent-browser-controls button{align-self:stretch}.library-content{width:min(100%,82rem)}.library-anchor{text-decoration:none}.library-intro{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem;padding:1.25rem 1.35rem;border:1px solid #2b4540;border-radius:1rem;background:linear-gradient(120deg,#10231f,#111a22)}.library-intro h2{margin:0 0 .35rem;font-size:1.05rem}.library-intro p{max-width:52rem;margin:0;color:#91a19d;line-height:1.55}.library-intro>span{flex:0 0 auto;border:1px solid #31534a;border-radius:99rem;padding:.5rem .75rem;color:#9edbc9;font-size:.72rem}.library-section{margin-top:2.5rem;scroll-margin-top:1rem}.library-section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:.85rem}.library-section-head h2{margin:0}.library-section-head>span{color:#6e817c;font-size:.8rem}.library-upload{display:grid;grid-template-columns:1fr 1fr auto;gap:.75rem;align-items:stretch;margin-bottom:1rem;padding:.9rem;border:1px dashed #385047;border-radius:.85rem;background:#0e181f}.library-upload-skill{grid-template-columns:1fr auto}.library-upload label{display:grid;gap:.2rem;min-width:0;padding:.55rem .7rem;border:1px solid #2a3a42;border-radius:.65rem;background:#111c24;cursor:pointer}.library-upload label strong{font-size:.82rem}.library-upload label small{color:#748681;line-height:1.35}.library-upload input[type=file]{width:100%;padding:.35rem 0 0;border:0;background:transparent;color:#91a39e;font-size:.72rem}.library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.library-card{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem;padding:1rem;border:1px solid #293941;border-radius:.85rem;background:#111a22}.library-card.disabled{opacity:.58}.library-card-icon{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:.7rem;background:#17352d;color:#6ee7c7;font-weight:900}.library-card-icon.skill{background:#202947;color:#aabfff}.library-card-copy{min-width:0}.library-card-title{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.library-card-title h3{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem}.library-card-title span{flex:0 0 auto;border-radius:99rem;background:#19262e;padding:.25rem .45rem;color:#8fa19d;font-size:.64rem}.library-card-copy p{min-height:2.5rem;margin:.45rem 0;color:#8b9b97;font-size:.8rem;line-height:1.45}.library-card-copy small{color:#667974}.library-card-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem;border-top:1px solid #223139;padding-top:.7rem}.library-card-actions button{border:1px solid #304049;border-radius:.55rem;background:#0d151d;color:#b8c5c2;padding:.48rem .65rem;font-size:.72rem}.library-card-actions .primary{border-color:transparent;background:#6ee7c7;color:#07110f}.library-card-actions .library-delete{color:#e9a5b0}.library-empty{grid-column:1 / -1}@media(max-width:760px){.workspace{display:block}.sidebar{position:static;width:100%;height:auto;border-right:0;border-bottom:1px solid #202c34}.sidebar .brand{padding-bottom:1rem}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-label,.add-project{grid-column:1 / -1}.account{margin-top:1rem}.content{padding-top:1.5rem}.composer-row{grid-template-columns:1fr 1fr}.composer-row .primary{grid-column:1 / -1}.project-actions,.task-actions{opacity:1}.chat-content{height:auto;min-height:70vh}.messages{min-height:45vh;max-height:65vh}.message{max-width:90%}.browser-stage{grid-template-columns:1fr}.browser-controls{grid-template-columns:1fr 1fr}.browser-controls label,.browser-controls p{grid-column:1 / -1}.agent-grid{grid-template-columns:1fr}.agent-content{height:auto;min-height:100vh;overflow:visible;padding:1rem}.agent-panel{min-height:38rem}.library-upload,.library-upload-skill,.library-grid{grid-template-columns:1fr}.library-intro{align-items:flex-start;flex-direction:column}}@media(max-width:440px){.login-card{padding:1.5rem}.content header{align-items:flex-start}.system-ok{font-size:0;padding:.65rem}.system-ok span{margin:0}.composer-row{grid-template-columns:1fr}.composer-row .primary{grid-column:auto}.task-card{flex-wrap:wrap}.task-actions{width:100%;justify-content:flex-end}.form-grid{grid-template-columns:1fr}.browser-nav{flex-wrap:wrap}#browser-address-form{flex-basis:100%}.browser-title span{display:none}.browser-controls{grid-template-columns:1fr}.browser-controls label,.browser-controls p{grid-column:auto}.agent-header{align-items:flex-start}.chat-header-actions{align-items:flex-end;flex-direction:column-reverse}.model-pickers{align-items:flex-end;flex-direction:column}.agent-browser-controls{grid-template-columns:1fr 1fr}.agent-browser-controls textarea{grid-column:1 / -1}}