:root{color:#183033;background:#e7e9e4;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #183033;--deep: #10282b;--deep-2: #19373a;--paper: #f7f6f0;--white: #ffffff;--line: #ccd2cb;--muted: #657576;--lime: #c8e86b;--mint: #49bfa5;--blue: #8db9ee;--coral: #ec856b}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%}body{margin:0;overflow-x:hidden;background:#e7e9e4}body,button,textarea,a{color:inherit;font:inherit}button,textarea{border:0}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{text-decoration:none}.skip-link{position:fixed;z-index:100;top:10px;left:10px;padding:10px 14px;background:var(--lime);color:var(--deep);font-size:13px;font-weight:800;transform:translateY(-160%);transition:transform .18s ease}.skip-link:focus{transform:translateY(0)}a:focus-visible,button:focus-visible,textarea:focus-visible,main:focus-visible{outline:2px solid #146f61;outline-offset:3px}main:focus-visible{outline-offset:-3px}.codex-app{min-height:100svh;background:#e7e9e4}.codex-header{position:relative;z-index:10;display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;height:72px;padding:0 26px;border-bottom:1px solid rgba(255,255,255,.11);background:var(--deep);color:#f4f6ef}.codex-brand{display:inline-flex;align-items:center;gap:11px;justify-self:start}.brand-mark{display:grid;width:34px;height:36px;place-items:center;border:1px solid rgba(200,232,107,.38);background:#173437}.brand-mark img{display:block;width:23px;height:24px;object-fit:contain}.brand-name{display:grid;gap:2px}.brand-name strong{color:#f7f8f2;font-size:15px;font-weight:800;line-height:1}.brand-name small{color:#f4f6ef94;font-size:8px;font-weight:700;letter-spacing:0}.header-nav{display:flex;align-items:center;gap:6px;justify-self:center}.header-nav a{padding:9px 12px;border:1px solid transparent;color:#f4f6efb8;font-size:12px;transition:color .18s ease,border-color .18s ease,background .18s ease}.header-nav a:hover{border-color:#c8e86b33;background:#ffffff0a;color:var(--lime)}.session-chip{display:inline-flex;align-items:center;gap:8px;justify-self:end;min-width:124px;max-width:230px;padding:9px 11px;border:1px solid rgba(255,255,255,.13);color:#f4f6efb8;font-size:11px}.session-chip>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-chip.is-authenticated{border-color:#c8e86b47;color:#f4f6ef}.status-dot{display:inline-block;flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#8a9898;box-shadow:0 0 0 4px #8a98981a}.status-dot.is-pending{background:var(--blue);box-shadow:0 0 0 4px #8db9ee21;animation:statusPulse 1.4s ease-in-out infinite}.status-dot.is-ready{background:var(--lime);box-shadow:0 0 0 4px #c8e86b21}.status-dot.is-blocked{background:var(--coral);box-shadow:0 0 0 4px #ec856b21}.workspace{display:grid;grid-template-columns:236px minmax(480px,1fr) 292px;width:100%;min-height:calc(100svh - 72px)}.context-sidebar{display:flex;min-width:0;flex-direction:column;padding:22px 16px 18px;border-right:1px solid var(--line);background:var(--paper)}.new-thread{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:44px;border:1px solid #1d3a3d;border-radius:4px;background:var(--deep);color:#f8faf4;font-size:12px;font-weight:750;transition:background .18s ease,color .18s ease}.new-thread:hover{background:var(--lime);color:var(--deep)}.new-thread>span:first-child{font-size:19px;font-weight:400;line-height:1}.context-section{margin-top:31px}.sidebar-label{margin:0 8px 10px;color:#6a7878;font-size:9px;font-weight:800;text-transform:uppercase}.context-list{display:grid;gap:3px}.context-item{display:grid;grid-template-columns:29px minmax(0,1fr);align-items:center;width:100%;min-height:52px;padding:7px 9px;border-left:2px solid transparent;border-radius:0 4px 4px 0;background:transparent;text-align:left;transition:background .18s ease,border-color .18s ease}.context-item:hover{background:#ecefe9}.context-item.is-active{border-left-color:#315e55;background:#e3e8df}.context-index{color:#8a9794;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px}.context-item>span:last-child{display:grid;min-width:0;gap:3px}.context-item strong{color:#233c3e;font-size:12px;font-weight:750}.context-item small{overflow:hidden;color:#7a8988;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.project-scope{margin-top:31px}.project-scope ul{display:grid;gap:1px;margin:0;padding:0;list-style:none}.project-scope li{display:grid;grid-template-columns:25px minmax(0,1fr) 7px;align-items:center;min-height:34px;padding:0 8px;color:#526567;font-size:10px}.project-scope li i{width:5px;height:5px;border-radius:50%;background:#67a998}.scope-symbol{display:grid;width:17px;height:17px;place-items:center;border:1px solid #b6c1ba;color:#4f6b68;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px}.sidebar-foot{display:flex;align-items:center;gap:10px;margin-top:auto;padding:15px 9px 3px;border-top:1px solid #d9ded7}.shield-mark{display:grid;width:27px;height:27px;place-items:center;border:1px solid #98aaa4;color:#315e55}.sidebar-foot>span:last-child{display:grid;gap:2px}.sidebar-foot strong{font-size:10px}.sidebar-foot small{color:#788685;font-size:8px}.conversation-panel{display:grid;min-width:0;grid-template-rows:auto minmax(360px,1fr) auto;background:var(--white)}.conversation-bar{display:flex;align-items:center;justify-content:space-between;min-height:74px;padding:14px 27px;border-bottom:1px solid #dde1dc}.conversation-bar p,.runtime-head p{margin:0 0 4px;color:#71817f;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px;font-weight:750}.conversation-bar h1{margin:0;color:#1b3437;font-size:17px;font-weight:780;line-height:1.2}.engine-state{display:inline-flex;align-items:center;gap:8px;max-width:220px;padding:8px 10px;border:1px solid #d8ded8;border-radius:3px;color:#647675;font-size:10px}.engine-state.is-ready{border-color:#adc983;color:#496a37}.engine-state.is-blocked{border-color:#e4b0a4;color:#9b4f40}.conversation-stream{min-height:0;overflow:auto;padding:34px clamp(24px,5vw,68px) 28px}.system-message{display:grid;grid-template-columns:38px minmax(0,1fr);gap:14px;max-width:790px;margin:0 auto}.task-message{display:grid;grid-template-columns:38px minmax(0,1fr);gap:14px;max-width:790px;margin:24px auto 0;padding-top:20px;border-top:1px solid #e1e5df}.task-message .message-body>p{margin-bottom:0;overflow-wrap:anywhere;white-space:pre-wrap}.task-message:first-of-type{margin-top:32px}.task-message.is-running .message-avatar{border-color:#54867b;background:#315e55}.task-message.is-complete .message-avatar{border-color:#5d7e2f;background:#315e55}.task-message.is-error .message-avatar{border-color:#a05243;background:#713c35;color:#fff3ef}.task-message.is-running .message-meta span{color:#315e55}.task-message.is-error .message-meta span{color:#9b4f40}.message-avatar{display:grid;width:38px;height:38px;place-items:center;border:1px solid #234346;border-radius:4px;background:var(--deep);color:var(--lime);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;font-weight:800}.message-body{min-width:0;padding-top:1px}.message-meta{display:flex;align-items:baseline;gap:9px}.message-meta strong{font-size:12px}.message-meta span{color:#778684;font-size:9px}.message-body>p{margin:10px 0 14px;color:#405557;font-size:12px;line-height:1.75}.governance-strip{display:flex;flex-wrap:wrap;gap:6px}.governance-strip span{padding:5px 7px;border:1px solid #d6ddd5;border-radius:3px;background:#f5f6f2;color:#5e706f;font-size:8px}.runtime-notice{display:grid;grid-template-columns:auto minmax(0,1fr);gap:15px;max-width:790px;margin:27px auto 0;padding:17px 18px;border:1px solid #d9deda;border-left-width:3px;border-radius:3px;background:#f6f7f3}.runtime-notice.is-loading{border-left-color:var(--blue)}.runtime-notice.is-ready{border-left-color:#79a83b;background:#f3f7ec}.runtime-notice.is-blocked{border-left-color:var(--coral);background:#fbf4f1}.notice-code{align-self:start;padding:5px 7px;border:1px solid currentColor;color:#6b7b79;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px;font-weight:800}.runtime-notice.is-ready .notice-code{color:#587e28}.runtime-notice.is-blocked .notice-code{color:#a05243}.runtime-notice strong{display:block;color:#293f41;font-size:11px}.runtime-notice p{margin:5px 0 0;color:#647574;font-size:10px;line-height:1.6}.starter-block{max-width:790px;margin:40px auto 0}.starter-heading span{color:#81908e;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px;font-weight:750}.starter-heading h2{margin:6px 0 16px;color:#223b3d;font-size:14px;font-weight:760}.starter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.starter-grid button{position:relative;display:grid;min-width:0;min-height:82px;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;padding:13px 15px;border:1px solid #d9dfd8;border-radius:4px;background:#fafaf7;text-align:left;transition:border-color .18s ease,background .18s ease,transform .18s ease}.starter-grid button:hover{border-color:#82a39a;background:#f0f4ee;transform:translateY(-1px)}.starter-grid button>span{grid-row:1 / 3;align-self:center;color:#8c9997;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px}.starter-grid strong{overflow-wrap:anywhere;color:#2e484a;font-size:11px}.starter-grid small{margin-top:4px;overflow-wrap:anywhere;color:#7b8988;font-size:9px}.composer-wrap{padding:16px clamp(24px,5vw,68px) 18px;border-top:1px solid #dde1dc;background:#f5f6f2}.composer{max-width:790px;margin:0 auto;overflow:hidden;border:1px solid #bdc8c1;border-radius:5px;background:var(--white);box-shadow:0 8px 24px #1e37360f}.composer textarea{display:block;width:100%;min-height:76px;max-height:180px;resize:vertical;padding:15px 16px 8px;outline:0;background:transparent;color:#223b3d;font-size:12px;line-height:1.65}.composer textarea::placeholder{color:#8b9897}.composer textarea:focus-visible{outline:2px solid #3b7c6c;outline-offset:-2px}.composer-tools{display:flex;align-items:center;gap:12px;min-height:44px;padding:6px 7px 7px 14px}.draft-state{display:inline-flex;align-items:center;gap:6px;margin-right:auto;color:#71817f;font-size:9px}.draft-state i{width:5px;height:5px;border-radius:50%;background:#7ea69a}.char-count{color:#8c9997;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px}.send-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:112px;min-height:34px;padding:0 12px;border-radius:3px;background:var(--deep);color:#f8faf4;font-size:10px;font-weight:750}.send-button b{color:var(--lime);font-size:15px;font-weight:400}.send-button:disabled{cursor:not-allowed;background:#c9ceca;color:#707c7b}.send-button:disabled b{color:#7c8987}.interrupt-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:104px;min-height:34px;padding:0 12px;border:1px solid #9b4f40;border-radius:3px;background:#fff7f4;color:#8d4539;font-size:10px;font-weight:750}.interrupt-button[hidden]{display:none}.interrupt-button:disabled{cursor:not-allowed;opacity:.55}.interrupt-button b{font-size:9px}.composer-note{max-width:790px;margin:8px auto 0;color:#778684;font-size:8px;line-height:1.5}.runtime-panel{display:flex;min-width:0;flex-direction:column;padding:23px 19px 16px;border-left:1px solid #284548;background:var(--deep-2);color:#eef2ec}.runtime-head{display:flex;align-items:center;justify-content:space-between}.runtime-head p{color:#eef2ec80}.runtime-head h2{margin:0;font-size:14px;font-weight:760}.refresh-button{display:grid;width:32px;height:32px;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:3px;background:transparent;color:#eef2ecc2;font-size:16px;transition:border-color .18s ease,color .18s ease}.refresh-button:hover{border-color:#c8e86b99;color:var(--lime)}.refresh-button.is-loading{animation:spin .8s linear infinite}.runtime-summary{display:grid;justify-items:center;margin:35px 0 31px;text-align:center}.runtime-orbit{position:relative;display:grid;width:90px;height:90px;place-items:center;border:1px solid rgba(141,185,238,.35);border-radius:50%}.runtime-orbit:before,.runtime-orbit:after{position:absolute;border:1px solid rgba(200,232,107,.22);border-radius:50%;content:""}.runtime-orbit:before{width:64px;height:64px}.runtime-orbit:after{width:36px;height:36px;background:#c8e86b12}.runtime-orbit i{z-index:1;width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 7px #ec856b17}.runtime-summary strong{margin-top:16px;color:#f4f6ef;font-size:12px}.runtime-summary small{margin-top:5px;color:#eef2ec7a;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px}.runtime-facts{margin:0;border-top:1px solid rgba(255,255,255,.1)}.runtime-facts>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:10px;align-items:center;min-height:39px;border-bottom:1px solid rgba(255,255,255,.08)}.runtime-facts dt{color:#eef2ec7a;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px}.runtime-facts dd{min-width:0;margin:0;overflow-wrap:anywhere;color:#eef2ecdb;font-size:9px;text-align:right}.blocker-section{margin-top:25px}.blocker-heading{display:flex;align-items:center;justify-content:space-between}.blocker-heading h3{margin:0;font-size:10px;font-weight:750}.blocker-heading span{display:grid;width:20px;height:20px;place-items:center;border:1px solid rgba(236,133,107,.45);border-radius:50%;color:#f1a08c;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px}.blocker-section ul{display:grid;gap:8px;margin:13px 0 0;padding:0;list-style:none}.blocker-section li{position:relative;padding-left:13px;color:#eef2ec9e;font-size:9px;line-height:1.5}.blocker-section li:before{position:absolute;top:.55em;left:0;width:4px;height:4px;border-radius:50%;background:var(--coral);content:""}.runtime-actions{display:grid;gap:7px;margin-top:auto;padding-top:28px}.runtime-actions a{display:flex;align-items:center;justify-content:space-between;min-height:36px;padding:0 10px;border:1px solid rgba(255,255,255,.13);border-radius:3px;color:#eef2ecbd;font-size:9px;transition:border-color .18s ease,color .18s ease,background .18s ease}.runtime-actions a:hover{border-color:#c8e86b6b;color:var(--lime)}.runtime-actions .action-primary{border-color:var(--lime);background:var(--lime);color:var(--deep);font-weight:780}.runtime-actions .action-primary:hover{background:#ddf59c;color:var(--deep)}.build-stamp{display:flex;justify-content:space-between;margin-top:17px;color:#eef2ec59;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px}.toast{position:fixed;z-index:30;right:22px;bottom:22px;max-width:min(320px,calc(100vw - 36px));padding:11px 14px;border:1px solid rgba(200,232,107,.32);border-radius:4px;background:var(--deep);color:#f4f6ef;font-size:10px;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease}.toast.is-visible{opacity:1;transform:translateY(0)}@keyframes statusPulse{50%{opacity:.45}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1120px){.workspace{grid-template-columns:210px minmax(450px,1fr)}.runtime-panel{grid-column:1 / -1;display:grid;grid-template-columns:minmax(190px,.8fr) minmax(420px,1.8fr) minmax(190px,.8fr);gap:25px;align-items:start;border-top:1px solid #284548;border-left:0}.runtime-head{grid-column:1}.runtime-summary{grid-column:1;margin:16px 0 0}.runtime-facts{grid-column:2;grid-row:1 / 3}.blocker-section{grid-column:3;grid-row:1 / 3;margin-top:0}.runtime-actions{grid-column:1 / 4;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0;padding-top:0}.build-stamp{grid-column:1 / 4;margin-top:0}}@media (max-width: 760px){.codex-header{grid-template-columns:minmax(0,1fr) auto;height:64px;padding:0 16px}.header-nav{display:none}.session-chip{min-width:0;max-width:135px;padding:8px 9px}.brand-name small{display:none}.workspace{display:block;min-height:calc(100svh - 64px)}.context-sidebar{display:block;padding:12px 14px;border-right:0;border-bottom:1px solid var(--line)}.new-thread,.project-scope,.sidebar-foot,.sidebar-label{display:none}.context-section{margin:0;overflow-x:auto;scrollbar-width:none}.context-list{display:flex;width:max-content;gap:4px}.context-item{grid-template-columns:auto;min-width:104px;min-height:40px;padding:7px 11px;border-top:2px solid transparent;border-left:0;border-radius:3px}.context-item.is-active{border-top-color:#315e55}.context-index,.context-item small{display:none}.conversation-panel{min-height:690px;grid-template-rows:auto minmax(340px,1fr) auto}.conversation-bar{min-height:62px;padding:11px 17px}.engine-state{max-width:155px}.conversation-stream{padding:25px 17px 22px}.system-message,.task-message{grid-template-columns:33px minmax(0,1fr);gap:11px}.message-avatar{width:33px;height:33px}.governance-strip span{font-size:7px}.runtime-notice{gap:10px;padding:14px}.starter-block{margin-top:30px}.starter-grid{grid-template-columns:1fr}.starter-grid button{min-height:64px}.composer-wrap{padding:13px 15px 15px}.composer-tools{gap:8px;padding-left:10px}.draft-state{display:none}.send-button{min-width:96px}.interrupt-button{min-width:92px}.runtime-panel{display:block;padding:23px 18px 18px}.runtime-summary{margin:25px 0}.runtime-orbit{width:76px;height:76px}.runtime-orbit:before{width:54px;height:54px}.runtime-orbit:after{width:30px;height:30px}.runtime-actions{grid-template-columns:1fr;padding-top:28px}.build-stamp{margin-top:16px}}@media (max-width: 370px){.codex-header{padding:0 12px}.brand-name strong{font-size:13px}.session-chip{max-width:122px;font-size:9px}.conversation-bar{align-items:flex-start;gap:8px}.engine-state{max-width:138px;padding:7px 8px;font-size:8px}.notice-code{display:none}.runtime-notice{grid-template-columns:minmax(0,1fr)}.char-count{display:none}}@media (prefers-reduced-motion: reduce){.status-dot.is-pending,.refresh-button.is-loading{animation:none}.skip-link,.new-thread,.context-item,.starter-grid button,.runtime-actions a,.toast{transition:none}}