:root{--bg:#0b0f1a;--panel:#11182b;--line:#1e2a45;--green:#00ff9f;--muted:#a8b3c7;--white:#f2f5fa}
.codex-page,.codex-page *{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body.codex-page{margin:0;background:var(--bg);color:var(--white);font-family:'Segoe UI',sans-serif;font-size:16px;line-height:1.6}
.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}
.header{position:sticky;top:0;z-index:10;background:#0b0f1af2;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.header-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.brand{font-size:27px;font-weight:800;letter-spacing:-1px;line-height:1;display:flex;align-items:center}
.brand>span:not(.brand-symbol){color:var(--green)}
.brand-symbol{font-size:30px;color:var(--green);margin-right:10px;letter-spacing:-6px;padding-right:8px}
.brand small{font-size:8px;letter-spacing:2px;color:var(--muted);max-width:90px;margin-left:15px;line-height:1.7}
.header nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:600}
.header nav a:hover{color:var(--green)}
.login{border:1px solid var(--line);padding:10px 22px;border-radius:6px}
.menu-toggle{display:none}
.skip{position:fixed;top:-100px;left:20px;z-index:20;background:var(--green);color:var(--bg);padding:12px}
.skip:focus{top:10px}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.brand small{display:none}.header nav{gap:18px}}
@media(max-width:760px){html{scroll-padding-top:90px}.wrap{width:calc(100% - 40px)}.header-inner{min-height:74px}.brand{font-size:24px}.menu-toggle{display:block;background:transparent;color:var(--white);border:1px solid var(--line);border-radius:5px;font-size:12px;padding:8px 12px}.menu-toggle span{margin-left:9px}.header nav{display:flex;flex-wrap:wrap;gap:15px;padding-bottom:15px}.header-inner{flex-wrap:wrap;gap:0}.header nav{width:100%;font-size:12px}.header nav .login{padding:6px 12px}.js .header nav{display:none}.js .header nav.open{display:flex}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.codex-page a{color:inherit;text-decoration:none}.codex-page button{font:inherit;cursor:pointer}.codex-page a:focus-visible,.codex-page button:focus-visible{outline:2px solid var(--green);outline-offset:5px}.header nav a[aria-current="page"]{color:var(--green);box-shadow:inset 0 -2px var(--green)}.header nav a{padding-block:9px}.account-menu{display:flex;gap:18px;list-style:none;margin:0;padding:0}.account-menu:empty{display:none}.header .brand>span:not(.brand-symbol){color:var(--green)}@media(max-width:1050px){.header nav{gap:14px;font-size:12px}.brand small{display:none}}@media(max-width:760px){.header nav{align-items:flex-start;flex-direction:column;padding-block:16px;width:100%}.header nav>a{width:100%;padding:10px 12px}.account-menu{flex-direction:column;width:100%;gap:12px}.header .login{width:auto}}
.local-preview-note{padding:9px 20px;text-align:center;background:#1a2234;border-bottom:1px solid var(--line);color:#b8c4d8;font-size:11px;line-height:1.6}

.account-menu:not(:has(*)){display:none}
@media(min-width:761px){.header .brand{flex-shrink:0}.header nav{flex-wrap:wrap;justify-content:flex-end;gap:12px 20px}}