:root{--bg: #050505;--bg-2: #000000;--border: #1c1c1c;--border-soft: rgba(255, 255, 255, .07);--ink: #f7f7f5;--ink-soft: #d4d3ce;--ink-muted: #8f8e8a;--ink-dim: #6a6a68;--success: #4ade80;--danger: #f87171;--sans: "Space Grotesk", -apple-system, "Segoe UI", system-ui, sans-serif;--serif: "Fraunces", "DM Serif Display", serif;--mono: "DM Mono", ui-monospace, "SF Mono", Consolas, monospace;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}::selection{background:var(--ink-soft);color:var(--bg-2)}.app{width:100%;padding:56px clamp(24px,5vw,90px) 100px}.tilt-card{transform-style:preserve-3d;position:relative;overflow:hidden}.tilt-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .3s;background:radial-gradient(420px circle at var(--gx, 50%) var(--gy, 50%),rgba(255,255,255,.07),transparent 60%)}.tilt-card:hover .tilt-glow{opacity:1}.landing{width:100%;height:100vh;overflow:hidden;padding:clamp(20px,4vh,56px) clamp(24px,5vw,90px);display:flex;flex-direction:column;justify-content:center;gap:clamp(20px,3vh,40px)}.landing-hero{max-width:640px;margin:0 auto;text-align:center}.landing-hero .logo{font-family:var(--serif);font-size:clamp(20px,2.4vh,26px);letter-spacing:-.01em;color:var(--ink)}.landing-hero .logo em{font-style:italic;color:var(--ink-muted)}.landing-acronym{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-dim);margin:10px 0 0}.landing-hero h1{font-family:var(--serif);font-size:clamp(26px,3.6vh,48px);font-weight:400;line-height:1.15;margin:clamp(14px,2vh,24px) 0 clamp(10px,1.6vh,16px)}.landing-hero p{color:var(--ink-muted);font-size:clamp(13px,1.6vh,16px);line-height:1.6;margin:0 auto clamp(16px,2.4vh,32px);max-width:620px}.landing-section{max-width:960px;margin:0 auto;width:100%}.landing-section-label{justify-content:center;margin-bottom:clamp(10px,1.6vh,20px)}.landing-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 720px){.landing{height:auto;min-height:100vh;overflow:visible}.landing-steps{grid-template-columns:1fr}}.landing-step.panel{padding:clamp(16px,2.4vh,28px) clamp(18px,2vw,28px);margin-bottom:0}.landing-step-body{color:var(--ink-muted);font-size:13px;line-height:1.5;margin:10px 0 0}.landing-stack{max-width:960px;width:100%;margin:0 auto}.stack-groups{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.stack-group{display:flex;align-items:baseline;gap:8px;padding:8px 16px;border:1px solid var(--border-soft);border-radius:20px;background:#ffffff05}.stack-group-label{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);white-space:nowrap}.stack-group-items{font-size:12.5px;color:var(--ink-soft);white-space:nowrap}@media (max-width: 720px){.stack-groups{flex-direction:column;align-items:stretch}.stack-group{justify-content:space-between;border-radius:8px}.stack-group-items{white-space:normal;text-align:right}}.app-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--border)}.app-header-left{display:flex;align-items:baseline;gap:16px;justify-self:start}.app-header-center{justify-self:center;text-align:center}.app-header-right{display:flex;align-items:center;gap:16px;justify-self:end}.app-header .logo{font-family:var(--serif);font-size:26px;letter-spacing:-.01em;color:var(--ink)}.app-header .logo em{font-style:italic;color:var(--ink-muted)}.app-header .tagline{font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim)}.profile-badge{display:inline-flex;align-items:center;gap:9px;padding:6px 14px 6px 6px;border:1px solid var(--border);border-radius:999px;cursor:default;transition:border-color .2s ease,background .2s ease}.profile-badge:hover{border-color:#ffffff4d;background:#ffffff0a}.profile-avatar{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#ffffff0f;color:var(--ink-muted)}.profile-name{font-size:.82rem;font-weight:500;color:var(--ink-soft)}.section-label{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);margin:0 0 12px}.section-label .num{color:var(--ink-muted)}.panel{background:#ffffff06;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-soft);border-radius:14px;padding:32px 36px;margin-bottom:20px}.upload-btn{position:relative;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid var(--border);border-radius:7px;font-size:.85rem;font-weight:500;color:var(--ink);cursor:pointer;transition:border-color .2s ease,background .2s ease}.upload-btn svg{width:16px;height:16px;color:var(--ink-dim)}.upload-btn:hover{border-color:#ffffff4d;background:#ffffff0a}.upload-btn[data-busy=true]{opacity:.6;pointer-events:none}.upload-btn input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.task-table{width:100%;border-collapse:collapse;font-size:.85rem}.task-table th{text-align:left;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);padding:0 12px 10px;border-bottom:1px solid var(--border)}.task-table td{padding:12px;border-bottom:1px solid var(--border-soft);color:var(--ink-soft)}.task-table tbody tr{cursor:pointer;transition:background .15s ease}.task-table tbody tr:hover{background:#ffffff0a}.task-table-objective{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-table-actions{width:1%;white-space:nowrap;text-align:right}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid transparent;border-radius:6px;background:none;color:var(--ink-dim);cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}.icon-btn:hover{border-color:var(--border);background:#ffffff0a}.icon-btn-danger:hover{color:var(--danger);border-color:#f8717159;background:#f8717114}input[type=number],input[type=text]{background:var(--bg-2);border:1px solid var(--border);border-radius:6px;color:var(--ink);padding:11px 14px;font-size:.85rem;font-family:var(--mono);outline:none;transition:border-color .15s ease}input[type=number]:focus,input[type=text]:focus{border-color:#ffffff59}input::placeholder{color:var(--ink-dim)}button{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:2px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-family:var(--sans);background:var(--ink);color:var(--bg-2);border:1.5px solid var(--ink);cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}button:hover:not(:disabled){box-shadow:0 8px 24px #0006}button:disabled{background:transparent;color:var(--ink-dim);border-color:var(--border);cursor:not-allowed}button.btn-secondary{background:transparent;color:var(--ink);border:1.5px solid var(--border)}button.btn-secondary:hover:not(:disabled){border-color:#ffffff59;box-shadow:0 0 0 1px #ffffff0f}.header-task-meta{display:flex;align-items:baseline;gap:12px}.task-id{font-family:var(--mono);color:var(--ink-dim);font-size:.78rem}.filename{font-family:var(--serif);font-style:italic;color:var(--ink);font-size:1.05rem}.status-indicator{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.status-indicator[data-tone=pending]{color:var(--ink-dim)}.status-indicator[data-tone=progress]{color:var(--ink-soft)}.status-indicator[data-tone=done]{color:var(--success)}.status-dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}.status-indicator[data-tone=progress] .status-dot,.status-indicator[data-tone=done] .status-dot{animation:dot-pulse 1.8s ease-in-out infinite}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}.stepper{display:flex;align-items:flex-start;margin-bottom:32px}.step{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;cursor:pointer}.step-circle{width:30px;height:30px;min-width:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:.72rem;font-weight:600;background:transparent;color:var(--ink-dim);border:1.5px solid var(--border);transition:all .25s ease}.step[data-state=active] .step-circle{color:var(--ink);border-color:#fff6}.step[data-state=done] .step-circle{background:var(--ink);color:var(--bg-2);border-color:var(--ink)}.step-line{flex:1;height:1px;background:var(--border);margin:15px 8px 0;transition:background .3s ease}.step-line[data-filled=true]{background:var(--ink-muted)}.step-label{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);margin-top:10px;white-space:nowrap;transition:color .2s ease}.step:hover .step-label{color:var(--ink-muted)}.step[data-state=active] .step-label,.step[data-state=done] .step-label{color:var(--ink-soft)}.step[data-selected=true] .step-circle{box-shadow:0 0 0 3px #ffffff1a}.step[data-selected=true] .step-label{color:var(--ink);font-weight:500}.stage-screen-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;gap:16px;flex-wrap:wrap}.stage-title-row{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.stage-title-row .section-label{margin:0}.stage-title{font-family:var(--serif);font-style:italic;font-size:1.15rem;color:var(--ink);letter-spacing:-.01em}.stage-screen-header .actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stage-screen-header .actions button{padding:9px 16px;font-size:10.5px}.hint-text{color:var(--ink-dim);font-size:.8rem;font-style:italic;font-family:var(--serif)}.placeholder-screen{text-align:center;padding:72px 20px;color:var(--ink-dim);font-family:var(--serif);font-style:italic;font-size:1.05rem}.error-box{background:#f8717114;border:1px solid rgba(248,113,113,.25);color:var(--danger);border-radius:6px;padding:12px 16px;font-size:.82rem;margin-top:16px}.json-viewer{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;padding:20px;max-height:380px;overflow:auto;font-family:var(--mono);font-size:.78rem;line-height:1.6;color:var(--ink-soft)}.reasoning-text{font-family:var(--serif);font-style:italic;color:var(--ink-muted);font-size:1rem;line-height:1.6;margin:0 0 24px;padding-left:20px;border-left:2px solid var(--border)}.pipeline{position:relative;width:100%;height:400px}.pipeline svg{position:absolute;top:0;right:0;bottom:0;left:0}.wire-dot{position:absolute;top:0;left:0;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#f0e6c8;box-shadow:0 0 6px 1px #f0e6c880;offset-distance:0%;opacity:.55;animation:wire-travel 20s ease-in-out infinite}.wire-dot[data-active=true]{opacity:1;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;box-shadow:0 0 10px 2px #f0e6c8b3}@keyframes wire-travel{0%{offset-distance:0%}to{offset-distance:100%}}.pipeline-node{position:absolute;transform:translate(-50%,-50%);z-index:1}.pipeline-node-card{background:var(--bg-2);border:1.5px solid var(--border);border-radius:8px;padding:12px 18px;min-width:160px;text-align:left;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.pipeline-node-card:hover{border-color:#ffffff4d}.pipeline-node-card[data-selected=true]{border-color:var(--ink);box-shadow:0 0 0 3px #ffffff14}.pipeline-node-card .node-name{font-weight:600;font-size:.85rem;color:var(--ink)}.pipeline-node-card .node-tier{font-family:var(--mono);font-size:.66rem;color:var(--ink-dim);margin-top:4px}.pipeline-node.prime .pipeline-node-card{background:var(--ink);border-color:var(--ink)}.pipeline-node.prime .node-name{font-family:var(--serif);font-style:italic;color:var(--bg-2)}.pipeline-node.prime .node-tier{color:#00000080}.role-detail{margin-top:8px;padding-top:24px;border-top:1px solid var(--border)}.role-detail dt{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-dim);margin-top:18px}.role-detail dt:first-child{margin-top:0}.role-detail dd{margin:6px 0 0;font-size:.9rem;color:var(--ink-soft);line-height:1.65}.role-detail .paths{display:flex;flex-wrap:wrap;gap:8px}.role-detail .path-chip{font-family:var(--mono);font-size:.72rem;background:var(--bg-2);border:1px solid var(--border);padding:4px 10px;border-radius:5px;color:var(--ink-muted)}.negotiation-tree-viewport{position:relative;width:calc(100% + 72px);margin:0 -36px;height:520px;overflow:hidden;border-radius:8px;border:1px solid var(--border);background:var(--bg-2);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.negotiation-tree-viewport[data-dragging=true]{cursor:grabbing}.tree-zoom-reset{position:absolute;top:12px;right:12px;z-index:2}.negotiation-tree{position:absolute;top:0;left:0;transform-origin:0 0}.negotiation-tree svg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.tree-node{position:absolute;transform:translate(-50%,-50%);z-index:1;width:190px}.tree-node-hit{display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;outline:none}.tree-node-circle-wrap{position:relative;display:inline-block}.tree-node-circle{border-radius:50%}.tree-node-circle-inner{width:72px;height:72px;border-radius:50%;background:radial-gradient(circle at 32% 26%,#ffffff1a,#fff0 60%),linear-gradient(160deg,#131313,var(--bg-2));border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-weight:600;font-size:1.02rem;letter-spacing:.02em;color:var(--ink);position:relative;box-shadow:0 10px 24px -12px #000000b3,inset 0 1px #ffffff0d;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.tree-node-hit:hover .tree-node-circle-inner{border-color:#ffffff52;box-shadow:0 12px 28px -12px #000000bf,inset 0 1px #ffffff14}.tree-node-hit[data-selected=true] .tree-node-circle-inner{border-color:var(--ink);box-shadow:0 0 0 5px #ffffff14,0 12px 28px -12px #000000bf}.tree-node-hit[data-node-kind=done] .tree-node-circle-inner{width:84px;height:84px;background:radial-gradient(circle at 32% 26%,#4ade8059,#4ade8014 65%),var(--bg-2);border-color:#4ade808c;color:var(--success);box-shadow:0 0 0 6px #4ade8014,0 14px 32px -14px #000c}.tree-node-hit[data-node-kind=done] .tree-node-circle-inner svg{width:30px;height:30px;stroke-width:2.4}.tree-node-hit[data-node-kind=done] .node-name{color:var(--success)}.tree-node-hit[data-node-kind=review] .tree-node-circle-inner{background:radial-gradient(circle at 32% 26%,#f871714d,#f871710f 65%),var(--bg-2);border-color:#f8717180;color:var(--danger)}.tree-node-glyph{font-family:var(--serif);font-size:1.6rem;line-height:1}.tree-node-hit[data-node-kind=review] .node-name{color:var(--danger)}.tree-node-label{text-align:center}.tree-node-label .node-name{font-weight:600;font-size:.8rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-node-label .node-tier{font-family:var(--mono);font-size:.64rem;color:var(--ink-dim);margin-top:2px}.role-detail .node-tier{font-family:var(--mono);font-size:.78rem;color:var(--ink-dim)}.tool-results{display:flex;flex-direction:column;gap:6px}.tool-result-row{display:flex;gap:10px;align-items:center;font-family:var(--mono);font-size:.75rem;color:var(--ink-soft)}.tool-result-row .kind{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.08em;font-size:.66rem}.tool-result-row .status{margin-left:auto}.tool-result-row[data-ok=true] .status{color:var(--success)}.tool-result-row[data-ok=false] .status{color:var(--danger)}.launch-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mode-toggle{display:inline-flex;border:1.5px solid var(--border);border-radius:3px;overflow:hidden}.mode-toggle button{padding:10px 16px;border:none;border-radius:0;background:transparent;color:var(--ink-dim)}.mode-toggle button:hover:not(:disabled){box-shadow:none;color:var(--ink-soft)}.mode-toggle button[data-active=true]{background:var(--ink);color:var(--bg-2)}.mode-toggle button[data-active=true]:hover:not(:disabled){color:var(--bg-2)}.sandbox-browser-section{margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.paused-badge{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--success);border:1px solid rgba(74,222,128,.3);background:#4ade8014;border-radius:4px;padding:3px 8px;margin-left:10px}.sandbox-browser{display:grid;grid-template-columns:240px 1fr;gap:16px;min-height:320px}.sandbox-file-list{border:1px solid var(--border);border-radius:8px;background:var(--bg-2);overflow:auto;max-height:420px}.sandbox-file-list-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-2)}.btn-tiny{padding:4px 8px;font-size:.7rem}.sandbox-file-row{display:block;width:100%;text-align:left;padding:8px 12px;background:transparent;border:none;border-radius:0;font-family:var(--mono);font-size:.76rem;color:var(--ink-muted);word-break:break-all}.sandbox-file-row:hover:not(:disabled){box-shadow:none;color:var(--ink-soft);background:#ffffff08}.sandbox-file-row[data-selected=true]{background:var(--ink);color:var(--bg-2)}.sandbox-file-view{border:1px solid var(--border);border-radius:8px;background:var(--bg-2);padding:16px;display:flex;flex-direction:column;gap:12px}.sandbox-file-view-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.sandbox-file-editor{flex:1;min-height:340px;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:14px;color:var(--ink-soft);font-family:var(--mono);font-size:.78rem;line-height:1.6;resize:vertical}.sandbox-file-editor:read-only{color:var(--ink-muted)}.sandbox-empty{color:var(--ink-dim);font-family:var(--serif);font-style:italic;font-size:.9rem;padding:20px 12px}@media (max-width: 800px){.app{padding:40px 24px 80px}.panel{padding:24px}.negotiation-tree-viewport{width:calc(100% + 48px);margin:0 -24px}}