:root{font-family:DM Sans,Segoe UI,sans-serif;color:#edf0e9;background:#111411;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #edf0e9;--muted: #91988e;--faint: #5e665b;--line: rgba(213, 224, 206, .11);--panel: #181c17;--panel-light: #20261f;--acid: #d4f569;--acid-dark: #95b936;--orange: #ff9b6a;--cyan: #8ae5d1}*{box-sizing:border-box}body{margin:0;min-width:1120px;min-height:100vh;background:#111411}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex;background:radial-gradient(circle at 78% 20%,rgba(92,126,50,.12),transparent 31rem),#111411}.sidebar{width:278px;padding:30px 20px 24px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#0d100db8}.brand-lockup{display:flex;gap:12px;align-items:center;margin:0 10px 54px}.brand-mark{width:34px;height:34px;border:1px solid var(--acid);border-radius:50%;position:relative;box-shadow:0 0 22px #d4f5692e}.brand-mark:before,.brand-mark:after,.brand-mark span{content:"";position:absolute;border:1px solid var(--acid);border-radius:50%;top:7px;right:7px;bottom:7px;left:7px}.brand-mark:after{top:13px;right:13px;bottom:13px;left:13px;background:var(--acid);border:0}.brand-mark span{top:2px;right:15px;bottom:2px;left:15px;border-radius:0;border-width:0 1px;transform:rotate(45deg)}.brand-name{font:700 22px/1 Georgia,serif;letter-spacing:-.04em}.brand-subtitle{color:var(--faint);font-size:9px;letter-spacing:.14em;text-transform:uppercase;margin-top:4px}.sidebar-section-heading,.panel-heading,.conversation-header,.topbar,.message-toolbar,.composer-footer,.workspace-card-top,.workspace-card-bottom{display:flex;align-items:center;justify-content:space-between}.sidebar-section-heading{color:var(--faint);font-size:10px;letter-spacing:.15em;text-transform:uppercase;padding:0 10px 12px}.icon-button{width:26px;height:26px;border:1px solid var(--line);border-radius:50%;color:var(--acid);background:transparent;font-size:18px;line-height:1}.icon-button:hover{border-color:var(--acid);background:#d4f56914}.project-list{display:flex;flex-direction:column;gap:5px}.project-nav-item{border:1px solid transparent;width:100%;background:transparent;color:var(--ink);display:flex;text-align:left;align-items:center;padding:12px 10px;gap:10px;border-radius:4px;transition:.2s ease}.project-nav-item:hover,.project-nav-item.selected{background:var(--panel);border-color:var(--line)}.project-nav-item.selected{box-shadow:inset 2px 0 var(--acid)}.project-dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--acid);box-shadow:0 0 12px currentColor}.dot-1{background:var(--orange)}.dot-2{background:var(--cyan)}.dot-3{background:#c69cff}.project-nav-copy{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.project-nav-copy strong{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-nav-copy small{color:var(--faint);font-size:10px}.project-arrow{color:var(--faint);font-size:14px}.empty-project{display:flex;gap:11px;align-items:center;width:100%;text-align:left;color:var(--ink);border:1px dashed rgba(212,245,105,.3);background:#d4f56909;border-radius:4px;padding:14px 12px}.empty-project-plus{color:var(--acid);font-size:23px}.empty-project span:last-child{display:flex;flex-direction:column;gap:4px}.empty-project strong{font-size:12px}.empty-project small{color:var(--muted);font-size:10px}.muted-line{color:var(--faint);font-size:12px;padding:12px}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding:18px 10px 0}.connection-status{color:var(--muted);font-size:10px;display:flex;align-items:center;gap:7px}.status-pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 10px var(--acid)}.sidebar-footnote{color:var(--faint);font-size:10px;margin-top:10px}.main-stage{flex:1;min-width:0}.topbar{height:80px;padding:0 45px;border-bottom:1px solid var(--line)}.breadcrumbs{color:var(--faint);display:flex;gap:11px;align-items:center;font-size:10px;letter-spacing:.14em}.breadcrumbs i{color:var(--acid-dark);font-style:normal}.breadcrumbs strong{color:var(--muted);font-weight:500}.topbar-meta{display:flex;gap:18px;align-items:center}.live-chip{color:var(--acid);font-size:10px;letter-spacing:.12em;display:flex;align-items:center;gap:6px}.live-chip span{width:5px;height:5px;background:var(--acid);border-radius:50%;animation:breathe 2s ease-in-out infinite}.date-stamp{color:var(--faint);font-size:10px}.error-banner{margin:18px 45px 0;padding:11px 14px;background:#ff9b6a1f;border:1px solid rgba(255,155,106,.35);color:var(--orange);font-size:12px;display:flex;align-items:center;gap:10px}.error-banner span{border:1px solid currentColor;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;font-size:10px}.error-banner button{margin-left:auto;color:var(--orange);background:none;border:0;font-size:11px;text-decoration:underline}.conversation-error-banner{margin:0 22px 14px;padding:11px 13px;border:1px solid rgba(255,155,106,.35);background:#ff9b6a1a;color:var(--orange);display:flex;flex-direction:column;gap:4px;font-size:11px;line-height:1.45}.conversation-error-banner strong{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.thread-status.error,.thread-status.stuck{color:var(--orange)}.thread-status.error span,.thread-status.stuck span{background:var(--orange);box-shadow:0 0 8px var(--orange)}.notice-banner{margin:18px 45px 0;padding:11px 14px;background:#8ae5d11a;border:1px solid rgba(138,229,209,.3);color:var(--cyan);font-size:12px;display:flex;align-items:center;gap:10px}.notice-banner span{border:1px solid currentColor;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;font-size:10px}.notice-banner button{margin-left:auto;color:var(--cyan);background:none;border:0;font-size:11px;text-decoration:underline}.welcome-state{min-height:calc(100vh - 80px);position:relative;overflow:hidden;display:flex;align-items:center;padding:8vh 9%}.welcome-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.28;background-image:linear-gradient(rgba(212,245,105,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(212,245,105,.055) 1px,transparent 1px);background-size:66px 66px;-webkit-mask-image:radial-gradient(circle at 78% 50%,black,transparent 45%);mask-image:radial-gradient(circle at 78% 50%,black,transparent 45%)}.welcome-copy{max-width:560px;position:relative;z-index:1}.kicker,.modal-kicker{color:var(--acid);font-size:10px;letter-spacing:.17em}.welcome-copy h1{margin:22px 0 20px;font:400 clamp(52px,6vw,86px)/.91 Georgia,serif;letter-spacing:-.065em}.welcome-copy h1 em{color:var(--acid);font-style:italic}.welcome-copy p{max-width:500px;color:var(--muted);font-size:15px;line-height:1.7;margin:0 0 32px}.primary-button,.small-primary,.send-button{border:0;background:var(--acid);color:#131712;font-weight:700;transition:.2s ease}.primary-button{padding:13px 17px;font-size:12px}.primary-button span,.send-button span{margin-left:18px;font-size:17px}.primary-button:hover,.small-primary:hover,.send-button:hover:not(:disabled){background:#efffa6;transform:translateY(-1px)}.welcome-orbit{position:absolute;right:15%;top:50%;transform:translateY(-50%);width:380px;height:380px;border-radius:50%}.orbit-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(212,245,105,.24);border-radius:50%}.ring-one{transform:rotate(54deg) scaleY(.42);border-color:#8ae5d152}.ring-two{transform:rotate(-54deg) scaleY(.42);border-color:#ff9b6a5c}.orbit-core{position:absolute;width:105px;height:105px;border:1px solid var(--acid);border-radius:50%;display:grid;place-items:center;left:calc(50% - 52px);top:calc(50% - 52px);color:var(--acid);font:30px Georgia,serif;box-shadow:0 0 60px #d4f56929,inset 0 0 30px #d4f56914}.orbit-label{position:absolute;color:var(--faint);font-size:9px;letter-spacing:.14em}.label-one{top:50px;right:-25px}.label-two{bottom:52px;left:-32px}.project-stage{padding:48px 45px 60px;max-width:1540px;margin:0 auto}.project-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:45px}.project-hero h1{font:400 50px/.95 Georgia,serif;letter-spacing:-.06em;margin:15px 0 10px}.project-hero p{margin:0;color:var(--muted);font-size:14px;max-width:600px}.workspace-card{width:330px;padding:16px;background:var(--panel);border:1px solid var(--line)}.workspace-card-top{justify-content:flex-start;gap:9px}.workspace-icon{color:var(--acid);font-size:18px}.workspace-label{color:var(--muted);font-size:9px;letter-spacing:.14em;flex:1}.ready-badge{color:var(--acid);border:1px solid rgba(212,245,105,.35);padding:4px 6px;font-size:8px;letter-spacing:.1em}.workspace-card code{display:block;margin:18px 0 16px;color:var(--acid);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-card-bottom{color:var(--faint);font-size:10px;border-top:1px solid var(--line);padding-top:12px}.openhands-fallback-link{display:block;margin-top:14px;color:var(--acid);font-size:10px;text-decoration:none;letter-spacing:.04em}.openhands-fallback-link:hover{color:#efffa6;text-decoration:underline}.content-grid{display:grid;grid-template-columns:minmax(330px,.78fr) minmax(580px,1.6fr);gap:20px}.thread-panel,.conversation-panel{border:1px solid var(--line);background:#181c17bf}.thread-panel{min-height:610px}.panel-heading{padding:23px 22px 18px;border-bottom:1px solid var(--line);align-items:flex-end}.panel-heading h2,.conversation-header h2{font:400 26px Georgia,serif;letter-spacing:-.04em;margin:9px 0 0}.small-primary{padding:9px 11px;font-size:10px}.thread-list{padding:8px}.thread-row-wrap{display:flex;align-items:stretch;border:1px solid transparent}.thread-row-wrap.active{background:var(--panel-light);border-color:var(--line);box-shadow:inset 2px 0 var(--acid)}.thread-row-wrap:hover{background:var(--panel-light);border-color:var(--line)}.thread-delete-button{flex:none;width:30px;border:0;background:transparent;color:var(--faint);font-size:17px;opacity:.7}.thread-delete-button:hover,.thread-delete-button:focus-visible{color:var(--orange);opacity:1}.thread-row{flex:1;width:100%;border:0;background:transparent;display:flex;gap:11px;align-items:center;color:var(--ink);text-align:left;padding:13px 11px;transition:.2s}.thread-row:hover,.thread-row.active{background:var(--panel-light);border-color:var(--line)}.thread-row.active{box-shadow:inset 2px 0 var(--acid)}.thread-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex:none;background:#d4f56921;color:var(--acid);font:13px Georgia,serif}.avatar-1{color:var(--orange);background:#ff9b6a1f}.avatar-2{color:var(--cyan);background:#8ae5d11f}.thread-copy{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.thread-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-copy small{color:var(--faint);font-size:10px}.thread-status{color:var(--faint);font-size:9px;display:flex;gap:5px;align-items:center}.thread-status span{width:5px;height:5px;border-radius:50%;background:var(--faint)}.thread-status.running{color:var(--acid)}.thread-status.running span{background:var(--acid);box-shadow:0 0 9px var(--acid)}.thread-chevron{color:var(--faint);font-size:20px}.empty-thread{margin:80px 30px;text-align:center}.empty-thread-icon{color:var(--acid);font-size:38px}.empty-thread h3{margin:18px 0 8px;font:400 21px Georgia,serif}.empty-thread p,.empty-conversation p{color:var(--muted);font-size:12px;line-height:1.6}.text-button{color:var(--acid);background:none;border:0;font-size:12px;padding:9px 0}.conversation-panel{min-height:610px;display:flex;flex-direction:column}.conversation-header{padding:23px 25px 17px;align-items:flex-end}.agent-pill{display:flex;align-items:center;gap:8px;color:var(--muted);border:1px solid var(--line);padding:7px 10px;font-size:10px}.agent-spark{color:var(--acid)}.message-toolbar{padding:10px 25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--faint);font-size:10px}.shared-tag{color:var(--acid-dark)}.message-stream{min-height:300px;max-height:410px;overflow-y:auto;padding:19px 25px 62px;display:flex;flex-direction:column;gap:16px;position:relative}.message{max-width:78%}.message-user{align-self:flex-end}.message-meta{display:flex;gap:10px;color:var(--faint);font-size:9px;letter-spacing:.09em;margin-bottom:6px}.message-user .message-meta{justify-content:flex-end}.message-role{color:var(--acid)}.message-user .message-role{color:var(--orange)}.message-body{color:#d8ddd3;font-size:12px;line-height:1.65;background:var(--panel-light);border:1px solid var(--line);padding:12px 14px;white-space:pre-wrap}.message-user .message-body{background:#ff9b6a17;border-color:#ff9b6a40}.message-system{max-width:100%}.message-system .message-body{background:transparent;border-style:dashed;color:var(--faint);font-size:11px}.loading-messages{color:var(--acid);font-size:11px;padding:25px 0}.message-delivery{color:var(--acid-dark)}.conversation-header-actions{display:flex;align-items:center;gap:8px}.secret-refresh-button{border:1px solid rgba(212,245,105,.35);background:transparent;color:var(--acid);padding:7px 9px;font-size:9px}.secret-refresh-button:hover:not(:disabled){background:#d4f5691a;border-color:var(--acid)}.secret-refresh-button:disabled{opacity:.45;cursor:wait}.message-delivery.failed{color:var(--orange)}.dummy-progress{position:relative;isolation:isolate;width:fit-content;max-width:calc(100% - 50px);margin:0 auto;padding:6px 12px 7px;color:#fff;font-size:10px;text-align:center;border:1px solid rgba(255,255,255,.18);border-radius:999px;background-color:#111411;background-image:none;text-shadow:0 0 8px rgba(255,255,255,.45)}.dummy-progress:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;z-index:-1;border-radius:inherit;background:linear-gradient(115deg,#ff4a90b3,#ffbc4a9e,#5aeec6b3,#53acff9e,#c165ffb3,#ff4a90b3);background-size:300% 300%;filter:blur(8px);opacity:.8;animation:aurora-shift 7s ease-in-out infinite}.more-messages{position:sticky;bottom:8px;align-self:center;z-index:2;border:1px solid rgba(212,245,105,.45);border-radius:20px;background:#181c17f2;color:var(--acid);padding:7px 12px;font-size:10px;box-shadow:0 4px 16px #0000004d}.more-messages:hover{background:var(--acid);color:#111411}.pagination-bar{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:11px 25px}.pagination-label{color:var(--muted);font-size:9px;letter-spacing:.11em}.page-buttons{display:flex;gap:4px}.page-buttons button{width:24px;height:24px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:10px}.page-buttons button:hover,.page-buttons button.current{color:#111411;background:var(--acid);border-color:var(--acid)}.pagination-hint{color:var(--faint);font-size:10px;margin-left:auto}.composer{padding:15px 25px 18px;border-top:1px solid var(--line)}.composer-line{display:flex;gap:10px}.composer textarea,.modal-card input,.modal-card textarea,.modal-card select{width:100%;border:1px solid var(--line);color:var(--ink);background:#121611;outline:none;padding:12px;resize:vertical;font-size:12px}.composer textarea:focus,.modal-card input:focus,.modal-card textarea:focus,.modal-card select:focus{border-color:#d4f5698c}.send-button{padding:0 15px;min-width:85px}.send-button:disabled{opacity:.35;cursor:not-allowed}.composer-footer{color:var(--faint);font-size:9px;padding-top:9px}.empty-conversation{flex:1;min-height:610px;display:grid;place-content:center;text-align:center;padding:50px}.empty-conversation-mark{color:var(--acid);font-size:38px}.empty-conversation h2{font:400 28px Georgia,serif;margin:17px 0 0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#070907c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.modal-card{width:470px;background:#1a1f18;border:1px solid rgba(212,245,105,.27);box-shadow:0 28px 80px #00000080;padding:28px}.modal-card h2{font:400 29px Georgia,serif;margin:13px 0 8px}.modal-card p{color:var(--muted);font-size:12px;line-height:1.6;margin:0 0 24px}.modal-card label{display:block;color:var(--muted);font-size:10px;letter-spacing:.05em;margin:13px 0}.modal-card label span{color:var(--faint);font-size:9px}.modal-card input,.modal-card textarea,.modal-card select{display:block;margin-top:7px}.modal-card select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:19px;margin-top:22px}.quiet-button{border:0;background:transparent;color:var(--muted);padding:12px;font-size:11px}.danger-button{margin-right:auto;border:1px solid rgba(255,155,106,.35);background:transparent;color:var(--orange);padding:11px 12px;font-size:11px}.danger-button:hover,.danger-button:focus-visible{background:#ff9b6a1f;border-color:var(--orange)}.shared-preview{display:flex;align-items:center;gap:11px;border:1px dashed rgba(212,245,105,.25);padding:12px;margin-top:16px}.shared-preview>span{color:var(--acid);font-size:19px}.shared-preview div{display:flex;flex-direction:column;gap:3px;flex:1}.shared-preview strong{font-size:11px}.shared-preview small{color:var(--faint);font-size:9px}.shared-preview i{color:var(--acid);font-size:9px;font-style:normal;text-transform:uppercase;letter-spacing:.1em}.modal-card .checkbox-label{display:flex;align-items:center;gap:8px;letter-spacing:0}.modal-card .checkbox-label input{width:auto;display:inline-block;margin:0;padding:0}.modal-card .checkbox-label span{color:var(--muted);font-size:10px}.workspace-edit-button{margin-left:auto;border:1px solid rgba(212,245,105,.35);background:transparent;color:var(--acid);padding:5px 8px;font-size:9px;letter-spacing:.05em;text-transform:uppercase}.workspace-edit-button:hover{background:#d4f5691a;border-color:var(--acid)}.project-edit-card{max-height:90vh;overflow-y:auto}.project-secrets{border-top:1px solid var(--line);margin-top:24px;padding-top:23px}.project-secrets h3{font:400 21px Georgia,serif;margin:10px 0 7px}.project-secrets p{margin-bottom:13px}.secret-scope-note{border:1px dashed rgba(212,245,105,.24);color:var(--acid-dark);font-size:10px;line-height:1.5;padding:9px 10px}.secret-list{display:grid;gap:7px;margin:14px 0 19px}.secret-row{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:9px 10px}.secret-row>div:first-child{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.secret-row strong{color:var(--ink);font-size:11px;overflow:hidden;text-overflow:ellipsis}.secret-row small{color:var(--faint);font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.secret-mask{color:var(--acid-dark);font-size:11px;letter-spacing:.12em}.secret-row .quiet-button{padding:6px;font-size:10px}.secret-remove{border:0;background:transparent;color:var(--orange);padding:6px;font-size:10px}.secret-form{border-top:1px solid var(--line);padding-top:8px}.secret-input-wrap{display:flex;margin-top:7px}.secret-input-wrap input{margin-top:0;flex:1}.secret-reveal{border:1px solid var(--line);border-left:0;background:#121611;color:var(--acid);padding:0 10px;font-size:10px}.secret-form>.small-primary{margin-top:4px}.small-primary:disabled{opacity:.35;cursor:not-allowed}@keyframes breathe{0%,to{opacity:.45}50%{opacity:1}}@keyframes aurora-shift{0%{background-position:0% 50%;transform:translate(-2px,1px) scale(.98) rotate(-1deg)}35%{background-position:100% 20%;transform:translate(2px,-1px) scale(1.02) rotate(1deg)}70%{background-position:55% 100%;transform:translate(-1px,2px) scale(1.01) rotate(-.5deg)}to{background-position:0% 50%;transform:translate(-2px,1px) scale(.98) rotate(-1deg)}}@media(max-width:900px){body{min-width:0}.sidebar{width:230px}.topbar,.project-stage{padding-left:25px;padding-right:25px}.content-grid{grid-template-columns:1fr}.welcome-orbit{opacity:.25;right:-100px}.project-hero{align-items:flex-start;flex-direction:column}.workspace-card{width:100%}}