:root{color:#f5f5f5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#030303;font-family:Geist,SF Pro Display,Segoe UI,Inter,system-ui,sans-serif}.app-stage{--accent:#3b82f6;--accent-rgb:59, 130, 246;--accent-ink:#fff;--base:#030303;--frame:#080808e6;--sidebar:#0c0c0cf0;--surface:#101010;--surface-raised:#151515;--surface-hover:#181818;--line:#ffffff17;--line-strong:#ffffff29;--text:#f4f4f4;--text-soft:#a1a1a1;--text-dim:#646464;--danger:#ff4545;--radius-frame:14px;--radius-control:7px;--radius-avatar:9px;--radius-bubble:12px;--bubble-me:linear-gradient(135deg, #2563eb 0%, #3b82f6 48%, #5b7cfa 100%);--bubble-me-text:#fff;--bubble-them:#171717;--shadow-frame:0 28px 100px #000000b8}.app-stage[data-design=ember]{--accent:#ff5c35;--accent-rgb:255, 92, 53;--accent-ink:#fff;--frame:#090807e6;--sidebar:#0e0c0bf0;--surface:#13110f;--surface-raised:#191512;--surface-hover:#211a17;--radius-frame:28px;--radius-control:12px;--radius-avatar:50%;--radius-bubble:18px;--bubble-me:linear-gradient(135deg, #ff7655 0%, #ff5c35 52%, #e74629 100%);--bubble-me-text:#fff;--bubble-them:#191512;--shadow-frame:0 40px 120px #000000bf, 0 0 80px #ff5c350b}.app-stage[data-design=verdant]{--accent:#22c97a;--accent-rgb:34, 201, 122;--accent-ink:#fff;--frame:#030907e6;--sidebar:#050e0ae6;--surface:#0d1a14;--surface-raised:#11231a;--surface-hover:#152c21;--line:#84ffc51c;--line-strong:#84ffc533;--radius-frame:16px;--radius-control:10px;--radius-avatar:12px;--radius-bubble:16px;--bubble-me:linear-gradient(135deg, #167a50 0%, #159b61 48%, #1fbd74 100%);--bubble-me-text:#fff;--bubble-them:#102018;--shadow-frame:0 30px 100px #000000c2, 0 0 76px #22c97a0b}.app-stage[data-design=violet]{--accent:#9b6cff;--accent-rgb:155, 108, 255;--accent-ink:#fff;--frame:#07050de6;--sidebar:#0c0814e8;--surface:#171124;--surface-raised:#1e1630;--surface-hover:#281c40;--line:#d1beff1c;--line-strong:#d1beff33;--radius-frame:22px;--radius-control:12px;--radius-avatar:50%;--radius-bubble:18px;--bubble-me:linear-gradient(135deg, #7047d5 0%, #8959ed 48%, #a879ff 100%);--bubble-me-text:#fff;--bubble-them:#191326;--shadow-frame:0 34px 110px #000000c2, 0 0 90px #9b6cff0e}*{box-sizing:border-box}html{background:var(--base);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;height:100%}html,body,#app{width:100%;min-width:320px;height:100%;min-height:100%;margin:0}body{overscroll-behavior:none;overflow:hidden}button,input,textarea{font:inherit}button{color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.app-stage{height:var(--app-height,100dvh);min-height:var(--app-height,100dvh);background:var(--base);isolation:isolate;place-items:center;padding:0;transition:background .35s;display:grid;position:relative;overflow:hidden}.starfield{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.background-grid{z-index:1;opacity:.14;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 84%);mask-image:radial-gradient(circle,#000,#0000 84%)}.ambient-light{z-index:1;background:radial-gradient(ellipse, rgba(var(--accent-rgb), .12), transparent 67%);filter:blur(48px);border-radius:50%;width:64vw;height:48vh;transition:background .4s;position:absolute;top:-22%;left:50%;transform:translate(-50%)}.stage-label{z-index:2;color:#5b5b5b;letter-spacing:.16em;align-items:center;gap:12px;font:500 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;display:none;position:absolute}.stage-label.top-left{top:18px;left:24px}.stage-label.bottom-right{bottom:18px;right:24px}.stage-label i{background:var(--accent);width:26px;height:1px;box-shadow:0 0 12px var(--accent)}.icon-button{border-radius:var(--radius-control);width:36px;height:36px;color:var(--text-dim);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;transition:color .16s,background .16s,transform .16s;display:grid}.icon-button:hover{color:var(--text);background:var(--surface-hover)}.icon-button:active{transform:scale(.95)}.verified{color:var(--accent-ink);background:var(--accent);stroke-width:3px;border-radius:50%;padding:1px}.offline{box-shadow:none!important;background:#5e5e5e!important}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.drawer-enter-active,.drawer-leave-active{transition:opacity .25s,transform .3s cubic-bezier(.2,.75,.25,1)}.drawer-enter-from,.drawer-leave-to{opacity:0;transform:translate(24px)}.switcher-enter-active,.switcher-leave-active{transform-origin:0 100%;transition:opacity .2s,transform .24s cubic-bezier(.2,.75,.25,1)}.switcher-enter-from,.switcher-leave-to{opacity:0;transform:translateY(10px)scale(.975)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.messenger-frame{z-index:3;background:#0404064d;grid-template-columns:68px 326px minmax(430px,1fr);width:100%;height:100dvh;display:grid;position:relative;overflow:hidden}.messenger-frame:before{content:"";z-index:50;background:linear-gradient(90deg,transparent,var(--accent),transparent);pointer-events:none;width:28%;height:1px;position:absolute;top:0;left:13%}.nav-rail{border-right:1px solid var(--line);background:#050505cc;flex-direction:column;align-items:center;padding:18px 10px 14px;display:flex}.brand-mark{border:1px solid var(--line-strong);border-radius:var(--radius-control);width:34px;height:34px;color:var(--text);cursor:pointer;background:#0c0c0c;place-items:center;padding:0;font-size:13px;font-weight:700;display:grid;position:relative;overflow:hidden}.brand-mark span{z-index:2}.brand-mark i{background:var(--accent);filter:blur(7px);opacity:.75;border-radius:50%;width:25px;height:25px;position:absolute;bottom:-10px;right:-8px}.rail-menu{flex-direction:column;flex:1;gap:7px;margin-top:36px;display:flex}.rail-button{border-radius:var(--radius-control);width:40px;height:40px;color:var(--text-dim);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.rail-button:hover,.rail-button.active{color:var(--text);background:var(--surface-raised)}.rail-button.active:before{content:"";background:var(--accent);width:2px;height:16px;box-shadow:0 0 14px var(--accent);position:absolute;left:-10px}.agent-indicator{background:#555;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #ffffff08}.agent-indicator.online{background:#37d996;box-shadow:0 0 12px #37d996}.project-sidebar{border-right:1px solid var(--line);background:color-mix(in srgb,var(--sidebar) 72%,transparent);flex-direction:column;min-width:0;display:flex}.sidebar-header{flex:none;justify-content:space-between;align-items:center;height:84px;padding:0 18px 0 20px;display:flex}.product-title{flex-direction:column;gap:5px;display:flex}.product-kicker{color:var(--text-dim);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:7px;font:550 8px/1 ui-monospace,monospace;display:flex}.product-kicker i{border:1px solid rgba(var(--accent-rgb),.34);color:var(--accent);border-radius:3px;padding:3px 5px;font-size:6px;font-style:normal}.product-title h1{letter-spacing:-.045em;margin:0;font-size:20px}.primary-icon{color:var(--accent-ink);background:var(--accent)}.primary-icon:hover{color:var(--accent-ink);background:var(--accent);filter:brightness(1.12)}.project-picker-wrap{margin:0 14px 13px}.project-picker-wrap>small{color:var(--text-dim);text-overflow:ellipsis;margin:6px 4px 0;font:7px/1 ui-monospace,monospace;display:block;overflow:hidden}.project-picker{border:1px solid var(--line-strong);border-radius:var(--radius-control);height:43px;color:var(--accent);background:var(--surface);align-items:center;gap:9px;padding:0 11px;display:flex}.project-picker select{appearance:none;min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:11px;font-weight:600}.project-picker option{background:#111}.project-search{border:1px solid var(--line);border-radius:var(--radius-control);height:38px;color:var(--text-dim);background:#0a0a0a;align-items:center;gap:9px;margin:0 14px 17px;padding:0 11px;display:flex}.project-search:focus-within{border-color:rgba(var(--accent-rgb),.6)}.project-search input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:11px}.project-search kbd{border:1px solid var(--line);border-radius:4px;padding:3px 5px;font:8px/1 ui-monospace,monospace}.sidebar-section-title{color:var(--text-dim);letter-spacing:.11em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 18px 9px 20px;font:550 8px/1 ui-monospace,monospace;display:flex}.sidebar-section-title button{color:inherit;cursor:pointer;background:0 0;border:0;padding:2px}.sidebar-section-title button:hover{color:var(--accent)}.chat-list-scroll{scrollbar-width:thin;scrollbar-color:#292929 transparent;flex:1;min-height:0;padding:0 8px 18px;overflow:auto}.codex-chat-row{border-radius:var(--radius-control);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:10px;width:100%;padding:11px 10px;display:flex;position:relative}.codex-chat-row:hover{background:var(--surface)}.codex-chat-row.selected{border-color:var(--line);background:var(--surface-raised)}.codex-chat-row.selected:before{content:"";background:var(--accent);width:2px;height:24px;box-shadow:0 0 12px var(--accent);position:absolute;left:-1px}.chat-orbit{border:1px solid var(--line-strong);border-radius:var(--radius-avatar);background:radial-gradient(circle at 40% 35%,rgba(var(--accent-rgb),.5),transparent 6%),linear-gradient(145deg,#272727,#0d0d0d);flex:none;place-items:center;width:36px;height:36px;display:grid;position:relative}.chat-orbit:after{content:"";border:1px solid rgba(var(--accent-rgb),.5);border-radius:50%;width:15px;height:15px}.chat-orbit i{background:var(--accent);width:4px;height:4px;box-shadow:0 0 8px var(--accent);border-radius:50%;position:absolute;transform:translate(8px,-7px)}.codex-chat-row>span:nth-child(2){flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.codex-chat-row strong{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:590;overflow:hidden}.codex-chat-row small{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font:7px/1 ui-monospace,monospace;overflow:hidden}.codex-chat-row time{color:var(--text-dim);align-self:flex-start;font:7px/1 ui-monospace,monospace}.sidebar-empty{color:var(--text-dim);text-align:center;flex-direction:column;align-items:center;gap:7px;padding:54px 14px;display:flex}.sidebar-empty strong{color:var(--text-soft);margin-top:6px;font-size:11px}.sidebar-empty span{font-size:8px}.sidebar-empty button{border:1px solid rgba(var(--accent-rgb),.3);border-radius:var(--radius-control);color:var(--accent);background:rgba(var(--accent-rgb),.08);cursor:pointer;margin-top:8px;padding:8px 11px;font-size:8px}.codex-conversation{background:linear-gradient(150deg,#05091224,#04040759);grid-template-rows:68px 28px minmax(0,1fr) auto;min-width:0;display:grid;position:relative;overflow:hidden}.codex-header{z-index:8;border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:0 14px 0 18px;display:flex;position:relative}.mobile-back{display:none}.thread-heading{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.project-glyph{border:1px solid rgba(var(--accent-rgb),.28);border-radius:var(--radius-avatar);width:36px;height:36px;color:var(--accent);background:rgba(var(--accent-rgb),.08);flex:none;place-items:center;display:grid}.thread-heading>span:last-child{flex-direction:column;gap:4px;min-width:0;display:flex}.thread-heading strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.thread-heading small{color:var(--text-dim);align-items:center;gap:5px;font-size:8px;display:flex}.thread-heading small i{background:#555;border-radius:50%;width:5px;height:5px}.thread-heading small i.online{background:#37d996;box-shadow:0 0 7px #37d996}.thread-controls{align-items:center;gap:5px;display:flex}.compact-select{border:1px solid var(--line);border-radius:var(--radius-control);height:32px;color:var(--text-dim);background:var(--surface);align-items:center;gap:3px;padding:0 7px 0 10px;display:flex}.compact-select select{appearance:none;max-width:130px;color:var(--text-soft);background:0 0;border:0;outline:0;font-size:8px}.compact-select option{background:#111}.effort-select select{text-transform:capitalize;max-width:55px}.git-actions{display:flex;position:relative}.commit-popover{z-index:20;border:1px solid var(--line-strong);border-radius:var(--radius-control);background:#0d0d0f;flex-direction:column;gap:8px;width:260px;padding:12px;display:flex;position:absolute;top:41px;right:0;box-shadow:0 18px 50px #00000080}.commit-popover small{color:var(--text-dim);font:7px/1 ui-monospace,monospace}.commit-popover input{border:1px solid var(--line);width:100%;color:var(--text);background:#080808;border-radius:5px;outline:0;padding:9px;font-size:10px}.run-strip{color:var(--text-dim);letter-spacing:.08em;border-bottom:1px solid #ffffff0a;align-items:center;gap:8px;padding:0 20px;font:7px/1 ui-monospace,monospace;display:flex}.run-strip span:first-child{align-items:center;gap:6px;display:flex}.run-strip i{background:#555;border-radius:50%;width:5px;height:5px}.run-strip i.active{background:var(--accent);box-shadow:0 0 8px var(--accent);animation:1.4s infinite pulse}.run-strip time{color:var(--accent)}.desktop-run-meta{margin-left:auto}.codex-messages{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#292929 transparent;min-height:0;padding:34px clamp(22px,4vw,72px) 32px;overflow:auto}.conversation-empty,.no-thread{height:100%;color:var(--text-dim);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-orbit{border:1px solid rgba(var(--accent-rgb),.25);width:70px;height:70px;color:var(--accent);background:radial-gradient(circle,rgba(var(--accent-rgb),.14),transparent 65%);box-shadow:0 0 70px rgba(var(--accent-rgb),.12);border-radius:50%;place-items:center;display:grid}.conversation-empty p,.no-thread p{color:var(--accent);letter-spacing:.15em;margin:22px 0 7px;font:7px/1 ui-monospace,monospace}.conversation-empty h2,.no-thread h2{color:var(--text);letter-spacing:-.04em;margin:0 0 8px;font-size:20px}.conversation-empty>span:last-child{max-width:370px;font-size:9px;line-height:1.5}.no-thread{grid-row:1/-1}.no-thread .button{margin-top:16px}.codex-message{max-width:780px;margin:0 auto 26px}.codex-message>header{color:var(--text-dim);letter-spacing:.1em;align-items:center;gap:9px;margin-bottom:8px;font:7px/1 ui-monospace,monospace;display:flex}.codex-message>header span{color:var(--accent)}.codex-message>header time{margin-left:auto}.message-content{border:1px solid var(--line);border-radius:var(--radius-control);background:#0f0f10d1;padding:15px 17px;position:relative;box-shadow:0 12px 35px #00000021}.codex-message.user .message-content{border-color:rgba(var(--accent-rgb),.2);background:rgba(var(--accent-rgb),.075)}.message-content pre,.reasoning-card pre{overflow-wrap:anywhere;color:var(--text);white-space:pre-wrap;word-break:break-word;margin:0;font:13px/1.65 Segoe UI,system-ui,sans-serif}.stream-cursor{vertical-align:-2px;background:var(--accent);width:6px;height:14px;margin-left:3px;animation:1s step-end infinite blink;display:inline-block}.message-status{color:#aaa;text-transform:uppercase;background:#222;border-radius:3px;margin-top:10px;padding:3px 6px;font:7px/1 ui-monospace,monospace;display:inline-block}.message-status.failed{color:#f77;background:#ff45451a}.codex-message>footer{justify-content:space-between;align-items:center;margin-top:7px;display:flex}.codex-message>footer button{color:var(--text-dim);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:4px;font-size:7px;display:flex}.codex-message>footer time{color:var(--text-dim);font:7px/1 ui-monospace,monospace}.reasoning-card{border:1px solid var(--line);border-radius:var(--radius-control);background:#0a0a0a9e;max-width:780px;margin:0 auto 20px}.reasoning-card summary{color:var(--text-dim);cursor:pointer;align-items:center;gap:7px;padding:10px 12px;font:8px/1 ui-monospace,monospace;list-style:none;display:flex}.reasoning-card summary span{margin-left:auto}.reasoning-card pre{color:var(--text-soft);padding:0 13px 13px;font-size:11px}.spin{animation:1.3s linear infinite spin}.codex-composer-area{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080808d6;padding:12px 16px 10px}.codex-composer{border:1px solid var(--line-strong);border-radius:var(--radius-control);background:#0d0d0d;align-items:flex-end;gap:4px;min-height:46px;padding:4px 5px 4px 11px;display:flex}.codex-composer:focus-within{border-color:rgba(var(--accent-rgb),.7)}.codex-composer.busy{border-color:rgba(var(--accent-rgb),.25)}.codex-composer textarea{resize:none;min-width:0;max-height:120px;color:var(--text);background:0 0;border:0;outline:0;flex:1;padding:9px 3px;font-size:15px;line-height:1.4}.send-button,.stop-button{border-radius:calc(var(--radius-control) - 2px);width:36px;height:36px;color:var(--accent-ink);background:var(--accent);cursor:pointer;border:0;flex:none;place-items:center;padding:0;display:grid}.send-button:disabled{opacity:.35;cursor:default}.stop-button{color:#fff;background:#dc4545}.codex-composer-area>span{color:#484848;letter-spacing:.1em;text-align:center;margin-top:6px;font:6px/1 ui-monospace,monospace;display:block}.page-pane{flex-direction:column;grid-column:2/-1;min-width:0;display:flex;overflow:hidden}.page-header{border-bottom:1px solid var(--line);flex:none;height:104px;padding:28px clamp(24px,5vw,72px) 20px}.page-header span{color:var(--accent);letter-spacing:.15em;font:7px/1 ui-monospace,monospace}.page-header h1{letter-spacing:-.045em;margin:8px 0 0;font-size:24px}.page-scroll{min-height:0;padding:30px clamp(24px,5vw,72px) 56px;overflow:auto}.settings-section{border:1px solid var(--line);border-radius:calc(var(--radius-control) + 5px);background:#0c0c0cbf;max-width:780px;padding:22px}.settings-section+.settings-section{margin-top:16px}.section-heading{align-items:flex-start;gap:12px;display:flex}.section-heading>svg{color:var(--accent)}.section-heading h2{margin:0;font-size:13px}.section-heading p{color:var(--text-dim);margin:6px 0 0;font-size:9px;line-height:1.5}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px;display:grid}.status-grid>div{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);align-items:center;gap:10px;min-width:0;padding:13px;display:flex}.status-grid svg{color:var(--accent)}.status-grid span:last-child{flex-direction:column;gap:4px;min-width:0;display:flex}.status-grid small{color:var(--text-dim);font-size:7px}.status-grid strong{text-overflow:ellipsis;font-size:9px;overflow:hidden}.root-status{grid-column:1/-1}.status-dot{background:#555;border-radius:50%;flex:none;width:8px;height:8px}.status-dot.online{background:#37d996;box-shadow:0 0 10px #37d996}.appearance-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px;display:grid}.appearance-options button{border:1px solid var(--line);border-radius:var(--radius-control);min-width:0;color:var(--text);text-align:left;background:var(--surface);cursor:pointer;align-items:center;gap:10px;padding:12px;display:flex}.appearance-options button.selected{border-color:rgba(var(--accent-rgb),.55);background:rgba(var(--accent-rgb),.08)}.appearance-options button>span:nth-child(2){flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.appearance-options strong{font-size:10px}.appearance-options small{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:7px;overflow:hidden}.appearance-swatch{background:#070707;border-radius:6px;align-items:flex-end;gap:3px;width:48px;height:36px;padding:7px;display:flex}.appearance-swatch i{background:#2c2c2c;border-radius:3px;width:7px}.appearance-swatch i:first-child{height:13px}.appearance-swatch i:nth-child(2){height:21px}.appearance-swatch i:nth-child(3){background:var(--option-accent);height:16px}.appearance-zenith{--option-accent:#3b82f6}.appearance-ember{--option-accent:#ff5c35}.appearance-verdant{--option-accent:#22c97a}.appearance-violet{--option-accent:#9b6cff}.danger-section>.button{margin-top:18px}.usage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px;display:grid}.usage-card{border:1px solid var(--line);border-radius:var(--radius-control);background:#0a0a0ab8;min-width:0;padding:14px}.usage-card header{align-items:center;gap:9px;display:flex}.usage-card header>svg{color:var(--accent);flex:none}.usage-card header span{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.usage-card strong{font-size:10px}.usage-card small,.usage-card footer{color:var(--text-dim);font-size:7px}.usage-card b{color:var(--accent);font:10px/1 ui-monospace,monospace}.usage-track{background:#242424;border-radius:99px;height:5px;margin:12px 0 9px;overflow:hidden}.usage-track i{border-radius:inherit;background:var(--accent);height:100%;box-shadow:0 0 10px rgba(var(--accent-rgb),.45);transition:width .25s;display:block}.usage-card footer{font-family:ui-monospace,monospace}.login-card{z-index:4;border:1px solid var(--line-strong);border-radius:calc(var(--radius-control) + 8px);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#09090be0;width:min(410px,100% - 28px);padding:36px;position:relative;box-shadow:0 30px 100px #000000a6}.login-mark{border:1px solid rgba(var(--accent-rgb),.35);border-radius:var(--radius-avatar);width:50px;height:50px;color:var(--accent);background:rgba(var(--accent-rgb),.08);place-items:center;font-weight:700;display:grid}.login-card p{color:var(--accent);letter-spacing:.17em;margin:24px 0 8px;font:7px/1 ui-monospace,monospace}.login-card h1{letter-spacing:-.055em;margin:0 0 8px;font-size:30px}.login-card>span:nth-of-type(2){color:var(--text-dim);font-size:10px;line-height:1.5}.login-card form{flex-direction:column;gap:9px;margin-top:25px;display:flex}.login-card input{border:1px solid var(--line-strong);border-radius:var(--radius-control);color:var(--text);background:#090909;outline:0;padding:12px;font-size:12px}.login-card input:focus{border-color:var(--accent)}.login-card form button{border-radius:var(--radius-control);color:var(--accent-ink);background:var(--accent);cursor:pointer;border:0;padding:11px;font-size:10px;font-weight:650}.dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000ad;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{border:1px solid var(--line-strong);border-radius:calc(var(--radius-control) + 6px);background:#0c0c0e;width:min(440px,100%);padding:20px;box-shadow:0 30px 90px #000000b3}.dialog>header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.dialog>header small{color:var(--accent);letter-spacing:.15em;font:7px/1 ui-monospace,monospace}.dialog h2{margin:7px 0 0;font-size:19px}.dialog>label{flex-direction:column;gap:7px;margin-top:12px;display:flex}.dialog>label>span{color:var(--text-soft);font-size:9px}.dialog input{border:1px solid var(--line);border-radius:var(--radius-control);color:var(--text);background:#070707;outline:0;padding:11px;font-size:12px}.dialog input:focus{border-color:var(--accent)}.dialog label small{color:var(--text-dim);font-size:7px}.dialog footer{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.project-mode{border:1px solid var(--line);border-radius:var(--radius-control);background:#070707;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.project-mode button{border-radius:calc(var(--radius-control) - 2px);color:var(--text-dim);cursor:pointer;background:0 0;border:0;padding:8px;font-size:9px}.project-mode button.selected{color:var(--text);background:var(--surface-raised);box-shadow:0 0 0 1px var(--line)}.button{border:1px solid var(--line);border-radius:var(--radius-control);color:var(--text-soft);background:var(--surface);cursor:pointer;padding:9px 13px;font-size:9px}.button.primary{border-color:var(--accent);color:var(--accent-ink);background:var(--accent)}.button.ghost{background:0 0}.button.danger{color:#ff6262;background:#ff454512;border-color:#ff454540}.toast{z-index:150;border-radius:var(--radius-control);color:#ff9b9b;background:#1a090bf0;border:1px solid #ff5b5b47;max-width:min(360px,100% - 28px);padding:11px 14px;font-size:9px;position:fixed;bottom:20px;right:20px;box-shadow:0 14px 45px #0006}.toast.success{color:#79e7b9;background:#071811f2;border-color:#37d99647}.toast-enter-active,.toast-leave-active{transition:all .2s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(8px)}@keyframes pulse{50%{opacity:.35}}@keyframes blink{50%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}.file-browser{background:linear-gradient(150deg,#05091224,#04040759)}.file-browser-header{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;height:84px;padding:0 clamp(20px,4vw,54px);display:flex}.file-browser-header span{color:var(--accent);letter-spacing:.15em;font:7px/1 ui-monospace,monospace}.file-browser-header h1{letter-spacing:-.04em;margin:7px 0 0;font-size:20px}.file-browser-body{flex:1;grid-template-columns:minmax(240px,32%) minmax(0,1fr);min-height:0;display:grid}.file-list-pane{border-right:1px solid var(--line);scrollbar-width:thin;scrollbar-color:#292929 transparent;background:#0606077a;min-height:0;overflow:auto}.file-breadcrumbs{z-index:2;border-bottom:1px solid var(--line);scrollbar-width:none;background:#070708f0;align-items:center;gap:3px;min-height:42px;padding:8px 12px;display:flex;position:sticky;top:0;overflow-x:auto}.file-breadcrumbs button{color:var(--text-dim);cursor:pointer;background:0 0;border:0;flex:none;padding:4px;font:8px/1 ui-monospace,monospace}.file-breadcrumbs button:hover{color:var(--accent)}.file-breadcrumbs svg{color:#444;flex:none}.file-row{width:100%;height:38px;color:var(--text-soft);text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff06;align-items:center;gap:9px;padding:0 13px;display:flex}.file-row:hover,.file-row.selected{color:var(--text);background:var(--surface-raised)}.file-row.selected{box-shadow:inset 2px 0 var(--accent)}.file-row svg{color:var(--accent);flex:none}.file-row span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font:9px/1.3 ui-monospace,monospace;overflow:hidden}.file-row small{color:var(--text-dim);font:7px/1 ui-monospace,monospace}.file-row.parent{color:var(--text-dim)}.file-loading,.file-list-empty{color:var(--text-dim);justify-content:center;align-items:center;gap:8px;padding:30px 12px;font-size:9px;display:flex}.code-viewer{background:#08090b;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.code-viewer>header{border-bottom:1px solid var(--line);height:42px;color:var(--text-soft);flex:none;align-items:center;gap:8px;padding:0 14px;display:flex}.code-viewer>header svg{color:var(--accent)}.code-viewer>header strong{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font:8px/1 ui-monospace,monospace;overflow:hidden}.code-viewer>header span{color:var(--text-dim);font:7px/1 ui-monospace,monospace}.code-viewer>pre{tab-size:2;flex:1;min-height:0;margin:0;padding:22px;overflow:auto}.code-viewer code{color:#d6deeb;white-space:pre;background:0 0;font:12px/1.65 Cascadia Code,Consolas,monospace}.code-placeholder,.file-browser-empty{min-height:0;color:var(--text-dim);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.code-placeholder svg,.file-browser-empty svg{color:var(--accent);margin-bottom:8px}.code-placeholder strong,.file-browser-empty strong{color:var(--text-soft);font-size:12px}.code-placeholder span,.file-browser-empty span{max-width:320px;font-size:9px;line-height:1.5}.hljs-keyword,.hljs-selector-tag,.hljs-literal{color:#c792ea}.hljs-string,.hljs-attribute,.hljs-addition{color:#c3e88d}.hljs-number,.hljs-built_in{color:#f78c6c}.hljs-title,.hljs-section,.hljs-function{color:#82aaff}.hljs-comment,.hljs-quote{color:#637777;font-style:italic}.hljs-variable,.hljs-template-variable,.hljs-tag{color:#f07178}.hljs-meta,.hljs-symbol{color:#ffcb6b}.hljs-deletion{color:#ff5370}@media (width<=900px){.messenger-frame{grid-template-columns:62px 300px minmax(360px,1fr)}.model-select{max-width:110px}.model-select select{max-width:80px}.codex-messages{padding-inline:24px}}@media (width<=720px){.messenger-frame{--mobile-nav-height:calc(62px + env(safe-area-inset-bottom));height:var(--app-height,100dvh);background:0 0;display:block}.nav-rail{z-index:20;height:var(--mobile-nav-height);padding:5px max(10px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#070707f2;border-right:0;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.brand-mark,.agent-indicator{display:none}.rail-menu{margin:0;display:contents}.rail-button{gap:2px;width:100%;height:51px}.rail-button:after{content:attr(data-label);color:var(--text-dim);font:6px/1 ui-monospace,monospace}.rail-button.active:before{width:22px;height:1px;top:-5px;left:50%;transform:translate(-50%)}.project-sidebar{inset:0 0 var(--mobile-nav-height);background:linear-gradient(#03030766,#030307c7);border:0;position:absolute}.sidebar-header{height:calc(78px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.product-title h1{font-size:23px}.codex-chat-row{min-height:65px}.codex-conversation{z-index:25;opacity:0;pointer-events:none;background:#050508f5;transition:opacity .15s,transform .3s cubic-bezier(.2,.75,.25,1);position:absolute;inset:0;transform:translate(100%)}.codex-conversation.mobile-open{opacity:1;pointer-events:auto;transform:translate(0)}.codex-header{height:calc(64px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);padding-inline:6px 8px}.mobile-back{display:grid}.project-glyph{display:none}.thread-heading strong{max-width:140px}.thread-heading small{white-space:nowrap;max-width:150px;overflow:hidden}.model-select{max-width:96px}.model-select select{max-width:68px}.effort-select,.git-actions .icon-button:first-child{display:none}.run-strip{padding-inline:12px}.desktop-run-meta{display:none}.codex-messages{padding:24px 12px 20px}.message-content{padding:13px}.message-content pre{font-size:14px}.codex-composer-area{padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.codex-composer-area>span{display:none}.codex-composer textarea{font-size:16px}.page-pane{inset:0 0 var(--mobile-nav-height);position:absolute}.page-header{height:calc(88px + env(safe-area-inset-top));padding:calc(22px + env(safe-area-inset-top)) 20px 16px}.page-scroll{padding:18px 12px 36px}.settings-section{padding:16px}.appearance-options,.status-grid,.usage-grid{grid-template-columns:1fr}.root-status{grid-column:auto}.file-browser-header{height:calc(72px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0}.file-browser-body{grid-template-rows:minmax(180px,42%) minmax(0,1fr);grid-template-columns:1fr}.file-list-pane{border-right:0;border-bottom:1px solid var(--line)}.code-viewer>pre{padding:15px 12px}.code-viewer code{font-size:11px}.toast{right:14px;bottom:calc(74px + env(safe-area-inset-bottom))}}@media (width<=420px){.thread-heading strong{max-width:105px}.model-select{max-width:88px}.git-actions .icon-button:last-of-type{display:none}.login-card{padding:27px}}@media (width<=720px) and (pointer:coarse){.icon-button{min-width:42px;min-height:42px}.project-search input,.dialog input{font-size:16px}}