.codex{position:relative;padding:126px 0 132px;overflow:hidden;border-bottom:1px solid var(--line);background:var(--cream)}.codex__grid{position:absolute;z-index:0;top:0;right:0;width:min(48vw,760px);height:100%;opacity:.27;background-image:linear-gradient(rgba(11,13,11,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(11,13,11,.08) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.codex>.shell{position:relative;z-index:1}.codex__heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(310px,.65fr);align-items:end;gap:clamp(54px,8vw,108px)}.codex-label{display:flex;align-items:center;gap:12px;color:var(--muted);font:500 9px/1.3 var(--font-mono);letter-spacing:.12em}.codex-label span{flex:0 0 auto;padding:7px 9px;border:1px solid var(--ink);border-radius:999px;color:var(--ink)}.codex__heading h2{margin-top:23px;font-size:clamp(48px,5.2vw,72px);font-weight:560;letter-spacing:-.058em;line-height:.96}.codex__heading h2 em{position:relative;font-style:normal;text-decoration:underline;text-decoration-color:var(--lime);text-decoration-skip-ink:none;text-decoration-thickness:.14em;text-underline-offset:-.07em}.codex__intro>p{color:#4d524b;font-size:16px;line-height:1.58}.codex-button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-width:164px;min-height:54px;margin-top:25px;padding:0 18px;border:1px solid var(--ink);border-radius:11px;background:var(--ink);box-shadow:0 6px #30342f;color:var(--white);font-size:13px;font-weight:650;transition:transform .18s ease,box-shadow .18s ease}.codex-button:hover,.codex-button:focus-visible{transform:translateY(-2px);box-shadow:0 8px 0 var(--lime)}.codex-docs-link{display:inline-flex;align-items:center;gap:10px;margin:20px 0 0 18px;color:#3e443c;font-size:13px;font-weight:620;text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:2px;text-underline-offset:4px}.codex-docs-link:hover,.codex-docs-link:focus-visible{color:var(--ink);outline:3px solid var(--blue);outline-offset:4px}.codex-preview{margin-top:72px;overflow:hidden;border:1px solid var(--ink);border-radius:22px;background:var(--paper);box-shadow:14px 14px 0 var(--lime);color:var(--ink)}.codex-preview__bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:66px;padding:0 22px;border-bottom:1px solid var(--line);background:var(--cream)}.codex-preview__window{display:flex;gap:6px}.codex-preview__window i{width:7px;height:7px;border-radius:50%;background:var(--ink);opacity:.18}.codex-preview__bar p{text-align:center}.codex-preview__bar strong,.codex-preview__bar p span{display:block}.codex-preview__bar strong{font-size:13px;font-weight:650}.codex-preview__bar p span{margin-top:4px;color:var(--muted);font:400 8px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.codex-sample-badge{justify-self:end;padding:8px 10px;border:1px solid var(--ink);border-radius:999px;background:var(--lime);font:500 8px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.codex-app{display:grid;grid-template-columns:226px minmax(0,1fr);min-height:620px}.codex-sidebar{position:relative;display:flex;min-width:0;flex-direction:column;padding:26px 18px 22px;background:#131613;color:var(--white)}.codex-sidebar__brand{display:flex;align-items:center;gap:10px;padding:0 8px 24px;border-bottom:1px solid rgba(255,255,255,.14);font:600 11px/1 var(--font-mono);letter-spacing:.16em}.codex-sidebar__label{margin:24px 8px 8px;color:#fff6;font:500 8px/1 var(--font-mono);letter-spacing:.12em}.codex-sidebar ul{display:grid;gap:4px;padding:0;margin:0;list-style:none}.codex-sidebar li{display:flex;align-items:center;gap:10px;min-height:38px;padding:0 9px;border-radius:7px;color:#ffffffa3;font-size:12px}.codex-sidebar li.is-current{background:#ffffff14;color:var(--white)}.codex-sidebar li small{margin-left:auto;color:#fff6;font:400 8px/1 var(--font-mono)}.codex-sidebar .codex-projects li{color:#ffffffc2}.codex-project{display:inline-grid;flex:0 0 auto;width:26px;height:26px;place-items:center;border:1px solid rgba(11,13,11,.12);border-radius:7px;color:var(--ink);font:600 9px/1 var(--font-mono);font-style:normal}.codex-project--lime{background:var(--lime-pale)}.codex-project--blue{background:#dce8ff}.codex-project--red{background:#ffe0da}.codex-sidebar__local{display:flex;align-items:flex-start;margin-top:auto;padding:18px 8px 0;border-top:1px solid rgba(255,255,255,.14);color:#ffffffb8;font-size:10px;line-height:1.4}.codex-sidebar__local>i,.codex-main__top>span i{width:7px;height:7px;flex:0 0 auto;margin:3px 7px 0 0;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px #78f53629}.codex-sidebar__local span,.codex-sidebar__local small{display:block}.codex-sidebar__local small{margin-top:2px;color:#ffffff61;font-size:8px}.codex-main{min-width:0;background:var(--paper)}.codex-main__top{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 28px;border-bottom:1px solid var(--line);color:var(--muted);font:400 9px/1 var(--font-mono)}.codex-main__top p span{padding:0 4px;color:#9ca098}.codex-main__top>span{display:inline-flex;align-items:center}.codex-main__intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:30px 34px 22px}.codex-main__intro p{color:var(--muted);font:500 8px/1 var(--font-mono);letter-spacing:.12em}.codex-main__intro h3{margin-top:8px;font-size:34px;font-weight:570;letter-spacing:-.045em}.codex-main__intro>span{padding:7px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font:500 8px/1 var(--font-mono);text-transform:uppercase}.codex-tabs{display:flex;gap:4px;margin:0 34px;padding:4px;border:1px solid var(--line);border-radius:10px;background:#ecece3}.codex-tab{flex:1;min-height:40px;padding:0 14px;border-radius:7px;background:transparent;color:var(--muted);font-size:12px;font-weight:610;cursor:pointer}.codex-tab:hover{color:var(--ink)}.codex-tab.is-active{background:var(--white);box-shadow:0 2px 8px #0b0d0b14;color:var(--ink)}.codex-tab:focus-visible,.codex-button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.codex-panel{padding:24px 34px 28px}.codex-session-labels,.codex-session{display:grid;grid-template-columns:minmax(200px,1.35fr) minmax(120px,.8fr) minmax(110px,.7fr) 84px;align-items:center;gap:16px}.codex-session-labels{padding:0 14px 10px;color:var(--muted);font:500 8px/1 var(--font-mono);letter-spacing:.09em;text-transform:uppercase}.codex-session{min-height:80px;padding:13px 14px;border-top:1px solid var(--line);font-size:11px}.codex-session p strong,.codex-session p small{display:block}.codex-session p strong{font-size:13px}.codex-session p small{margin-top:5px;color:var(--muted);font:400 9px/1.35 var(--font-mono)}.codex-session>span{display:inline-flex;align-items:center;gap:8px;color:var(--muted)}.codex-session>span:nth-of-type(2){justify-self:start;padding:7px 9px;border:1px solid var(--line);border-radius:999px;color:#394036;white-space:nowrap}.codex-session time{color:var(--muted);font:400 9px/1.2 var(--font-mono)}.codex-panel__note{margin-top:18px;padding:12px 14px;border-left:2px solid var(--lime);background:#78f5361a;color:#4c514a;font-size:11px;line-height:1.45}.codex-panel__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:15px;border-bottom:1px solid var(--line)}.codex-panel__heading span,.codex-panel__heading>p{color:var(--muted);font:500 8px/1 var(--font-mono);letter-spacing:.09em;text-transform:uppercase}.codex-panel__heading h4{margin-top:7px;font-size:22px;font-weight:580;letter-spacing:-.03em}.codex-activity{padding:0;margin:0;list-style:none}.codex-activity li{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:15px;min-height:76px;border-bottom:1px solid var(--line)}.codex-activity li>span{display:grid;width:29px;height:29px;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--muted);font:500 8px/1 var(--font-mono)}.codex-activity strong,.codex-activity small{display:block}.codex-activity strong{font-size:13px}.codex-activity small{margin-top:5px;color:var(--muted);font:400 9px/1.35 var(--font-mono)}.codex-activity time{color:var(--muted);font:400 9px/1 var(--font-mono)}.codex-finding{padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--white);box-shadow:6px 6px 0 var(--lime-pale)}.codex-finding__top,.codex-finding__foot{display:flex;align-items:center;justify-content:space-between;gap:18px;color:var(--muted);font:500 8px/1.3 var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.codex-finding__top>span{color:#2f7b0b}.codex-finding h4{margin-top:26px;font-size:23px;font-weight:580;letter-spacing:-.035em}.codex-finding>p{max-width:610px;margin-top:11px;color:#4d514b;font-size:13px;line-height:1.55}.codex-finding__foot{margin-top:28px;padding-top:14px;border-top:1px solid var(--line);text-transform:none}@media(max-width:1050px){.codex__heading{grid-template-columns:minmax(0,1.05fr) minmax(290px,.75fr);gap:52px}.codex-app{grid-template-columns:196px minmax(0,1fr)}.codex-session-labels,.codex-session{grid-template-columns:minmax(180px,1.2fr) minmax(100px,.72fr) minmax(100px,.68fr) 70px;gap:10px}}@media(max-width:900px){.codex__heading{grid-template-columns:1fr;align-items:start;gap:30px}.codex__intro{max-width:650px}.codex-app{grid-template-columns:1fr}.codex-sidebar{display:grid;grid-template-columns:auto 1fr;gap:16px 24px;padding:18px}.codex-sidebar__brand{padding:0;border:0}.codex-sidebar__label,.codex-sidebar .codex-projects,.codex-sidebar__local{display:none}.codex-sidebar>ul:not(.codex-projects){display:flex;justify-content:flex-end;gap:5px}.codex-sidebar li{min-height:36px;padding:0 10px;white-space:nowrap}.codex-sidebar li>span{display:none}}@media(max-width:620px){.codex{padding:82px 0 88px}.codex__grid{width:100%;opacity:.18}.codex-label{align-items:flex-start;gap:8px;font-size:8px}.codex-label span{padding:6px 7px}.codex__heading h2{margin-top:19px;font-size:clamp(40px,12vw,51px)}.codex__intro>p{font-size:15px}.codex-button{min-height:52px}.codex-docs-link{margin-left:14px}.codex-preview{margin-top:48px;border-radius:17px;box-shadow:7px 7px 0 var(--lime)}.codex-preview__bar{grid-template-columns:1fr auto;min-height:58px;padding:0 12px}.codex-preview__window,.codex-preview__bar p span{display:none}.codex-preview__bar p{text-align:left}.codex-sidebar{display:block;padding:14px}.codex-sidebar__brand{padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.14)}.codex-sidebar>ul:not(.codex-projects){justify-content:flex-start;margin-top:10px;overflow-x:auto;scrollbar-width:thin}.codex-sidebar li{min-height:34px;font-size:10px}.codex-sidebar li small{display:none}.codex-main__top{min-height:44px;padding:0 16px;font-size:7px}.codex-main__intro{padding:23px 17px 17px}.codex-main__intro h3{font-size:27px}.codex-tabs{margin:0 14px}.codex-tab{min-height:38px;padding:0 7px;font-size:10px}.codex-panel{padding:18px 16px 22px}.codex-session-labels{display:none}.codex-session{grid-template-columns:minmax(0,1fr) auto;min-height:0;gap:10px;padding:16px 2px}.codex-session>span:first-of-type{grid-column:1;grid-row:2}.codex-session>span:nth-of-type(2){grid-column:2;grid-row:1;padding:6px 7px;font-size:8px}.codex-session time{grid-column:2;grid-row:2;justify-self:end}.codex-session p small{font-size:8px}.codex-panel__heading{align-items:flex-start}.codex-activity li{grid-template-columns:30px minmax(0,1fr);gap:10px;padding:13px 0}.codex-activity time{grid-column:2}.codex-finding{padding:18px;box-shadow:4px 4px 0 var(--lime-pale)}.codex-finding__top,.codex-finding__foot{align-items:flex-start;flex-direction:column;gap:7px}.codex-finding h4{margin-top:22px;font-size:20px}}@media(max-width:350px){.codex-main__intro>span{display:none}.codex-tab{font-size:9px}}@media(prefers-reduced-motion:reduce){.codex *,.codex *:before,.codex *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}