:root{--bg:#0c0f14;--bg-raised:#12161d;--bg-hover:#171c25;--border:#232a35;--text:#dbe2ec;--text-dim:#8a94a3;--text-faint:#5c6572;--accent:#7c9eff;--accent-dim:#7c9eff1f;--green:#4ade80;--amber:#fbbf24;--mono:"SF Mono", ui-monospace, Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:14px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.layout{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:220px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.org-footer{border:1px solid var(--border);color:var(--text-dim);font:inherit;cursor:pointer;text-align:left;background:0 0;border-radius:10px;align-items:center;gap:8px;margin-top:auto;padding:9px 12px;font-size:13px;display:flex}.org-footer:hover{background:var(--bg-hover);color:var(--text)}.org-dot{color:var(--green);flex-shrink:0;font-size:9px}.org-footer>span:last-child{flex:1;min-width:0}.org-name{font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.org-user{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.org-avatar{border-radius:50%;flex-shrink:0;width:22px;height:22px}.sso-btn{text-align:center;border:1px solid var(--border);background:var(--bg-hover);border-radius:10px;margin-bottom:10px;padding:10px;font-size:14px;font-weight:600;display:block}.sso-btn:hover{border-color:var(--accent)}.divider{color:var(--text-faint);align-items:center;gap:12px;margin:14px 0;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.overlay{z-index:50;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-raised);border:1px solid var(--border);border-radius:14px;width:520px;max-width:calc(100vw - 40px);max-height:calc(100vh - 80px);padding:24px 26px;overflow-y:auto}.meta-line{color:var(--text-dim);margin:2px 0;font-size:13px}.meta-line code{font-family:var(--mono);color:var(--text);font-size:12px}.btn.ghost{border:1px solid var(--border);color:var(--text-dim);background:0 0}.btn.ghost:hover{color:var(--text);filter:none;border-color:#34404f}.snippet{margin-bottom:10px}.snippet-label{color:var(--text-faint);margin-bottom:4px;font-size:12px}.snippet-code{font-family:var(--mono);background:var(--bg);border:1px solid var(--border);white-space:nowrap;border-radius:8px;flex:1;padding:8px 10px;font-size:12px;overflow-x:auto}.brand{letter-spacing:.04em;align-items:center;gap:8px;margin-bottom:24px;font-size:15px;font-weight:700;display:flex}.brand .dot{color:var(--accent)}.nav a{color:var(--text-dim);border-radius:8px;margin-bottom:2px;padding:7px 10px;display:block}.nav a.active,.nav a:hover{background:var(--bg-hover);color:var(--text)}.main{flex:1;max-width:1080px;padding:28px 36px}.page-title{margin:0 0 4px;font-size:20px;font-weight:650}.page-sub{color:var(--text-dim);margin:0 0 24px}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.card{background:var(--bg-raised);border:1px solid var(--border);border-radius:12px;padding:16px;transition:border-color .15s}.card:hover{border-color:#34404f}.card h3{font-size:15px;font-family:var(--mono);margin:0 0 6px;font-weight:600}.card .meta{color:var(--text-faint);font-size:12px}.pill{letter-spacing:.02em;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-block}.pill.ready_to_code,.pill.open{background:var(--accent-dim);color:var(--accent)}.pill.active,.pill.merged{color:var(--green);background:#4ade801f}.pill.agent{color:var(--amber);font-family:var(--mono);background:#fbbf241f}.pill.human{background:var(--accent-dim);color:var(--accent);font-family:var(--mono)}.row{align-items:center;gap:10px;display:flex}.row .spacer{flex:1}.list{flex-direction:column;gap:10px;display:flex}.cs-item{background:var(--bg-raised);border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:block}.cs-item:hover{border-color:#34404f}.cs-item .title{font-weight:600}.cs-item .branch{font-family:var(--mono);color:var(--text-faint);font-size:12px}.filebox{border:1px solid var(--border);border-radius:10px;margin-bottom:12px;overflow:hidden}.filebox .path{font-family:var(--mono);background:var(--bg-hover);border-bottom:1px solid var(--border);color:var(--text-dim);padding:8px 12px;font-size:12px}.filebox pre{font-family:var(--mono);background:var(--bg-raised);margin:0;padding:12px;font-size:12.5px;line-height:1.6;overflow-x:auto}.feed{flex-direction:column;display:flex}.feed-item{border-bottom:1px solid var(--border);align-items:baseline;gap:10px;padding:9px 2px;font-size:13px;display:flex}.feed-item .action{font-family:var(--mono);color:var(--accent);font-size:12px}.feed-item .subject{color:var(--text-dim);font-family:var(--mono);font-size:12px}.feed-item .when{color:var(--text-faint);white-space:nowrap;margin-left:auto;font-size:12px}.btn{background:var(--accent);color:#0c0f14;cursor:pointer;border:none;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:650}.btn:hover{filter:brightness(1.1)}.input{background:var(--bg-raised);border:1px solid var(--border);color:var(--text);font-size:13px;font-family:var(--mono);border-radius:8px;padding:7px 10px}.input:focus{border-color:var(--accent);outline:none}.empty{border:1px dashed var(--border);text-align:center;color:var(--text-dim);border-radius:12px;padding:36px}.empty code{font-family:var(--mono);background:var(--bg-raised);border-radius:6px;padding:2px 6px;font-size:12px}.section-h{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin:28px 0 12px;font-size:13px;font-weight:650}.section-note{text-transform:none;letter-spacing:0;font-family:var(--mono);color:var(--accent);margin-left:6px;font-weight:400}.arch{background:var(--bg-raised);border:1px solid var(--border);border-radius:12px;align-items:center;gap:14px;padding:18px;display:flex;overflow-x:auto}.arch-col{flex-direction:column;gap:10px;min-width:170px;display:flex}.arch-col-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-size:11px}.arch-arrow{color:var(--text-faint);flex-shrink:0;font-size:18px}.arch-node{border:1px solid var(--border);background:var(--bg);border-radius:10px;padding:10px 12px}.arch-node.service{border-color:#7c9eff66}.arch-node.resource{border-color:#4ade8059}.arch-node.ghost{color:var(--text-faint);border-style:dashed}.arch-name{font-family:var(--mono);font-size:13px;font-weight:600}.arch-sub{color:var(--text-dim);font-size:12px}.arch-meta{color:var(--text-faint);font-size:11px;font-family:var(--mono)}.branch-panel{background:var(--bg-raised);border:1px solid var(--accent);border-radius:12px;margin-bottom:8px;padding:16px 18px}.branch-item{background:var(--bg-raised);border:1px solid var(--border);color:var(--text);font:inherit;cursor:pointer;text-align:left;border-radius:10px;align-items:baseline;gap:10px;width:100%;padding:10px 14px;font-size:13px;display:flex}.branch-item:hover{border-color:#34404f}.branch-item.selected{border-color:var(--accent)}.branch-name{font-family:var(--mono);font-weight:600}.branch-subject{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;max-width:40%;overflow:hidden}.branch-sha{font-family:var(--mono);color:var(--text-faint);font-size:12px}.branch-when{color:var(--text-faint);white-space:nowrap;font-size:12px}.desc{color:var(--text-dim);white-space:pre-wrap;margin:0 0 18px}.crumb{color:var(--text-faint);margin-bottom:14px;font-size:13px;display:block}.crumb:hover{color:var(--text)}@media (width<=720px){.layout{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border);background:var(--bg);z-index:40;flex-direction:row;align-items:center;gap:10px;width:100%;height:auto;padding:10px 14px}.brand{margin-bottom:0}.nav{flex:1;gap:4px;display:flex}.nav a{margin-bottom:0;padding:6px 10px}.org-footer{max-width:40vw;margin-top:0;margin-left:auto;padding:6px 8px}.org-user{display:none}.main{max-width:100%;padding:18px 14px}.page-title{font-size:18px}.row{flex-wrap:wrap;row-gap:8px}.grid{grid-template-columns:1fr}.branch-item{flex-wrap:wrap;row-gap:4px}.branch-subject{max-width:100%}.branch-panel{padding:12px}.feed-item{flex-wrap:wrap;row-gap:2px}.feed-item .when{margin-left:0}.arch{gap:10px;padding:12px}.arch-col{min-width:140px}.card,.modal{max-width:calc(100vw - 28px)}.modal{padding:18px 16px}.snippet-code,.filebox pre{font-size:11px}html,body{overflow-x:hidden}.main{width:100%}.main>*,.cs-item,.branch-item,.card{min-width:0;max-width:100%}.row>*{min-width:0}.feed-item .subject,.cs-item .branch,.page-sub{overflow-wrap:anywhere}.grid{width:100%}}.unit-dot{font-size:9px}.unit-dot.running{color:var(--green)}.unit-dot.stopped{color:var(--amber)}.unit-dot.not_deployed{color:var(--text-faint)}.arch-node.clickable{cursor:pointer}.arch-node.clickable:hover{border-color:var(--accent)}.arch-instance{border:1px dashed #34404f;border-radius:12px;padding:10px 12px 12px}.arch-instance-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-size:11px;font-family:var(--mono);margin-bottom:8px}.arch-instance-inner{align-items:center;gap:14px;display:flex}.logs-drawer{background:var(--bg);border-top:1px solid var(--accent);z-index:60;flex-direction:column;height:55vh;display:flex;position:fixed;bottom:0;left:0;right:0}.logs-head{border-bottom:1px solid var(--border);padding:10px 16px}.logs-body{font-family:var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;flex:1;margin:0;padding:12px 16px;font-size:11.5px;line-height:1.5;overflow:auto}@media (width<=720px){.logs-drawer{height:70vh}.arch-instance-inner{flex-wrap:wrap}}