:root{color:#f4f5f6;background:#111315;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:0}*{box-sizing:border-box}body{margin:0;background:#111315}.app-shell{width:min(760px,100%);min-height:100vh;margin:0 auto;padding:20px 18px calc(32px + env(safe-area-inset-bottom))}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0 22px;border-bottom:1px solid #2b3035}.brand{margin:0 0 5px;color:#8f9aa6;font-size:11px;font-weight:750}.app-header h1,.detail-heading h2{margin:0;font-size:27px;line-height:1.15}.header-actions{display:flex;align-items:center;gap:8px}.connection-state{color:#aeb8c2;background:#242a2f;border-radius:5px;padding:6px 8px;font-size:12px;white-space:nowrap}.connection-state.online{color:#b9f5d0;background:#144634}.icon-button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid transparent;border-radius:6px;color:#eff2f4;background:transparent;font:inherit;font-size:24px;cursor:pointer}.icon-button:hover,.icon-button:focus-visible{background:#22282d;border-color:#3a434c}.hidden{display:none!important}.setup-screen,.workspace-screen,.detail-screen{padding-top:28px}.setup-screen{max-width:520px}.setup-heading{display:flex;align-items:center;gap:10px}.setup-heading h2,.task-section h2{margin:0;font-size:18px}.status-mark{width:10px;height:10px;border-radius:50%;background:#76d89f}.scan-guide{margin-top:26px;padding:18px 0 22px;border-bottom:1px solid #2b3035}.scan-symbol{display:grid;place-items:center;width:42px;height:42px;border:1px solid #376d50;border-radius:7px;color:#78dca2;font-size:28px}.scan-guide h3{margin:16px 0 7px;font-size:20px}.scan-guide p{max-width:430px;margin:0;color:#aeb8c2;font-size:14px;line-height:1.65}.field-label{display:grid;gap:8px;margin-top:20px;color:#c2cad2;font-size:14px}input,textarea{width:100%;border:1px solid #39434c;border-radius:7px;background:#191e23;color:#f4f5f6;font:inherit;line-height:1.5;padding:12px;outline:none}input:focus,textarea:focus{border-color:#77d9a0;box-shadow:0 0 0 2px #77d9a033}.supporting-text,.connection-note{margin:12px 0 0;color:#a8b2bc;font-size:14px;line-height:1.55}.command-button,.quiet-button,.danger-button{min-height:44px;border:0;border-radius:6px;padding:9px 13px;font:inherit;font-weight:700;cursor:pointer}.command-button{margin-top:16px;background:#78dca2;color:#0c1912}.quiet-button{background:#273039;color:#eef2f5}.danger-button{background:#f2aaa3;color:#260c0b}.manual-connect{margin-top:22px;border-top:1px solid #2b3035;padding-top:14px;color:#aeb8c2;font-size:14px}.manual-connect summary{cursor:pointer}.manual-connect .field-label{margin-top:14px}.manual-connect .quiet-button{margin-top:12px}.search-field{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 14px;border:1px solid #343c44;border-radius:8px;background:#191e23;color:#aab4bd}.search-field span{font-size:24px}.search-field input{border:0;background:transparent;padding:0;box-shadow:none}.connection-note{min-height:22px;margin:14px 2px}.task-section{margin-top:28px}.task-section h2{margin-bottom:10px}.task-list{margin:0;padding:0;list-style:none;border-top:1px solid #2b3035}.task-list li{border-bottom:1px solid #2b3035}.task-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;width:100%;padding:16px 2px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.task-row:hover,.task-row:focus-visible{background:#191e23}.task-mark{display:grid;place-items:center;width:28px;height:28px;margin-top:2px;border:1px solid #376d50;border-radius:6px;color:#78dca2;font-size:23px}.task-copy{display:grid;gap:5px;min-width:0}.task-copy strong{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-copy .preview{color:#b2bbc4;font-size:14px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-copy small{color:#80909d;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-row time{padding-top:4px;color:#87939e;font-size:12px;white-space:nowrap}.detail-screen{padding-bottom:112px}.detail-header{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:8px;margin:0 -4px}.detail-heading{min-width:0}.detail-heading h2{font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-heading p{margin:4px 0 0;color:#8e9aa5;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact{min-height:36px;padding:6px 9px;font-size:13px}.thread-summary{margin:22px 0 10px;color:#b5bec7;font-size:15px;line-height:1.6}.conversation,.live-feed{margin:0;padding:0;list-style:none}.conversation>li{padding:20px 0;border-bottom:1px solid #292f35}.turn-label{margin:0 0 10px;color:#929ea9;font-size:12px;font-weight:750;text-transform:uppercase}.message{max-width:92%;margin:10px 0;white-space:pre-wrap;font-size:15px;line-height:1.65}.message.user{margin-left:auto;padding:12px 14px;border-radius:8px;background:#252d32;color:#f2f5f5}.message.agent{color:#eef1f3}.message.agent::before{content:"Codex";display:block;margin-bottom:6px;color:#78dca2;font-size:12px;font-weight:750}.tool{display:flex;align-items:center;gap:8px;margin:12px 0 0;padding:10px 12px;border:1px solid #37424b;border-radius:7px;color:#b6c0ca;font-size:13px}.tool::before{content:"›_";color:#78dca2;font-weight:750}.live-feed{margin-top:12px;border-top:1px solid #2b3035}.live-feed li{padding:12px 0;border-bottom:1px solid #2b3035;color:#aeb8c2;font-size:14px;line-height:1.55;white-space:pre-wrap}.live-feed li.agent{color:#eef1f3}.live-feed li.error{color:#ffb4ad}.composer{position:fixed;z-index:10;bottom:0;left:50%;display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:10px;width:min(760px,100%);padding:12px 18px calc(12px + env(safe-area-inset-bottom));transform:translateX(-50%);border-top:1px solid #2b3035;background:#111315}.composer-field textarea{min-height:48px;max-height:160px;resize:none;padding-right:12px}.primary-action{display:grid;place-items:center;align-self:end;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:#78dca2;color:#102016;font-size:24px;font-weight:800;cursor:pointer}.primary-action.stop{font-size:18px;background:#f2aaa3;color:#2a1010}.primary-action:disabled{cursor:wait;opacity:.45}.approval-dialog{padding:22px}.approval-dialog h2{margin:0;font-size:19px}.approval-dialog pre{max-height:220px;overflow:auto;margin:16px 0 0;padding:12px;border:1px solid #3a444d;border-radius:6px;background:#111315;color:#d7e0e8;font:12px ui-monospace,Consolas,monospace;white-space:pre-wrap;word-break:break-word}dialog{width:min(560px,calc(100% - 32px));border:1px solid #3c4852;border-radius:8px;background:#1a2025;color:#f4f5f6}dialog::backdrop{background:#050708cc}.approval-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.approval-actions button{margin:0}@media(min-width:720px){.app-shell{padding-top:38px}.detail-screen{padding-left:8px;padding-right:8px}}@media(max-width:390px){.app-shell{padding-left:14px;padding-right:14px}.composer{padding-left:14px;padding-right:14px}.connection-state{display:none}.task-row{grid-template-columns:26px minmax(0,1fr) auto}.task-mark{width:24px;height:24px}.task-row time{font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}