:root{color:#111318;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{min-width:320px;min-height:100%;margin:0}body{overscroll-behavior-y:none;min-height:100svh}*{-webkit-tap-highlight-color:transparent}.app-shell{color:#111318;background:#f4f5f7;grid-template-rows:auto 1fr auto;min-height:100svh;display:grid}.topbar{padding:calc(16px + env(safe-area-inset-top)) 16px 12px;background:#fffffff5;border-bottom:1px solid #d8dee4;justify-content:space-between;align-items:center;gap:14px;display:flex}.eyebrow{color:#6a737d;letter-spacing:0;text-transform:uppercase;margin:0 0 3px;font-size:12px;font-weight:800}.topbar h1{margin:0;font-size:28px;line-height:1}.status-pill{color:#24292f;min-width:118px;min-height:42px;font:inherit;background:#fff;border:1px solid #d0d7de;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.status-pill:disabled{opacity:.55}.status-dot{background:#8c959f;border-radius:99px;width:9px;height:9px}.status-pill.connected .status-dot{background:#1a7f37}.status-pill.connecting .status-dot{background:#bf8700}.status-pill.failed .status-dot{background:#cf222e}.viewport{min-height:0;overflow:hidden}.agent-view{grid-template-rows:1fr auto auto auto;height:100%;min-height:0;display:grid}.message-list{flex-direction:column;gap:10px;min-height:0;padding:14px;display:flex;overflow-y:auto}.message{box-sizing:border-box;background:#fff;border:1px solid #d8dee4;border-radius:8px;width:min(90%,680px);padding:12px 14px;box-shadow:0 1px 2px #1113180a}.message.mine{color:#fff;background:#0969da;border-color:#0969da;align-self:flex-end}.message.urgent{border-color:#bf8700;box-shadow:inset 4px 0 #bf8700}.message-meta{color:#6a737d;justify-content:space-between;gap:12px;margin-bottom:6px;font-size:12px;font-weight:800;display:flex}.message.mine .message-meta{color:#ffffffc7}.message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.45}.queued{color:inherit;opacity:.72;margin-top:8px;font-size:12px;font-weight:800;display:inline-flex}.trace-drawer{border-top:1px solid #57606a38;margin-top:10px;padding-top:8px}.trace-drawer summary{cursor:pointer;color:#57606a;font-size:12px;font-weight:800}.trace-drawer pre{color:#24292f;white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f8fa;border-radius:8px;max-height:220px;margin:8px 0 0;padding:10px;font-size:12px;line-height:1.35;overflow:auto}.message.mine .trace-drawer summary,.message.mine .trace-drawer pre{color:#ffffffdb}.message.mine .trace-drawer pre{background:#ffffff1f}.notice-line{border-top:1px solid #d8dee4;margin:0;padding:8px 14px;font-size:13px}.error-panel{color:#cf222e;background:#ffebe9;border-top:1px solid #d8dee4;grid-template-columns:1fr auto auto;align-items:center;gap:10px;margin:0;padding:8px 14px;display:grid}.error-panel p{margin:0;font-size:13px}.error-panel button{color:#cf222e;background:#fff;border-color:#cf222e;min-height:36px;font-size:13px}.repair-link{color:#cf222e;background:#fff;border:1px solid #cf222e;border-radius:8px;justify-content:center;align-items:center;min-height:36px;padding-inline:10px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.notice-line{color:#57606a;background:#f6f8fa}.quick-row{background:#fff;border-top:1px solid #d8dee4;gap:8px;padding:10px 14px;display:flex;overflow-x:auto}.quick-row button{white-space:nowrap;text-overflow:ellipsis;flex:none;max-width:min(74vw,360px);padding-inline:12px;overflow:hidden}.composer{padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #d8dee4;grid-template-columns:1fr auto;gap:10px;display:grid}textarea,input{box-sizing:border-box;color:#111318;width:100%;font:inherit;background:#fff;border:1px solid #d0d7de;border-radius:8px}textarea{resize:none;padding:12px;line-height:1.4}input{min-height:44px;padding:8px 10px}textarea:focus,input:focus,button:focus-visible{outline-offset:2px;outline:2px solid #0969da}button{color:#111318;min-height:44px;font:inherit;background:#fff;border:1px solid #d0d7de;border-radius:8px;font-weight:800}.composer button{color:#fff;background:#0969da;border-color:#0969da;min-width:74px}.utility-panel{padding:8px 14px calc(10px + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid #d8dee4}.secondary-wide{width:100%}.settings-grid{gap:12px;margin-top:12px;display:grid}.settings-grid label{color:#57606a;gap:6px;font-size:13px;font-weight:800;display:grid}.settings-note{color:#57606a;margin:0;font-size:13px;line-height:1.4}@media (width>=760px){.app-shell{border-inline:1px solid #d8dee4;width:min(760px,100%);margin:0 auto}}