@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/codex-api-work/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/codex-api-work/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/codex-api-work/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;font-style:normal;font-weight:100 900;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0%;size-adjust:107.12%}:root{color:var(--text);background:var(--bg-deep);font-synthesis:none;font-optical-sizing:auto;text-rendering:optimizelegibility;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05090d;--bg-deep:#020507;--surface:#090f15e0;--surface-solid:#0a1017;--surface-raised:#0d151f;--surface-soft:#121b26a3;--border:#26313d;--border-soft:#758ea82e;--text:#f4f7fb;--text-soft:#c7d0da;--muted:#8e9ba9;--text-dim:#667482;--accent-text:#68aaff;--accent-text-soft:#9ac7ff;--blue:#1478ff;--blue-bright:#2e91ff;--blue-soft:#1478ff21;--orange:#ff5a00;--green:#1ed79c;--shadow:0 22px 70px #00000052;--header-bg:#05090deb;--header-border:#8ea0b424;--header-nav-text:#aab5c1;--header-control-bg:#18202deb;--header-control-hover-bg:#212b3cf5;--header-control-border:#26313d;--header-selected-bg:color-mix(in srgb, var(--blue) 12%, var(--header-control-bg));--header-selected-text:color-mix(in srgb, var(--blue) 76%, white 24%);--header-refresh-busy-bg:var(--header-selected-bg);--header-refresh-busy-border:#4a97ff38;--header-refresh-busy-text:var(--header-selected-text);--header-active-bg:var(--header-selected-bg);--header-active-text:var(--header-selected-text);--header-active-border:#4a97ff38;--header-logo-bg:transparent;--header-logo-border:transparent;--body-blue-glow:#1478ff0e;--control-bg:#0d141c85;--input-bg:#03070b66;--card-bg:#0d151fad;--card-bg-soft:#0d151f8f;--card-bg-deep:#080f17a8;--tooltip-bg:#09111b;--overlay-bg:#000409c2;--border-strong:#2b3948;--border-hover:#405164;--inset-highlight:#ffffff07;--shadow-section:0 18px 54px #00000021;--shadow-soft:0 18px 54px #0000001a;--shadow-float:0 16px 42px #0000006b;--chart-grid:#768faa21;--chart-grid-soft:#768faa0e;--point-ring-blue:#07131f;--point-ring-green:#071b18;--status-success-bg:#0e2a22;--status-success-text:#e9fff7;--status-success-accent:#2de0ac;--status-success-border:#25d9af45;--status-error-bg:#351719;--status-error-text:#ffe9e9;--status-error-accent:#ff7373;--status-error-border:#ff5b5b40;--chart-token:#2588ff;--chart-token-total:#2588ff;--chart-cost:#25d9af;--chart-cost-total:#25d9af;--brand-codex-accent:#8b5cf6;--brand-codex-rgb:139, 92, 246;--brand-openai-accent:#25d9af;--brand-openai-rgb:37, 217, 175;--brand-icon-ink:#f4f7fb;--stats-icon-color:#8db9ff;--stats-icon-border:#3884e857;--stats-icon-bg:#1478ff1f;--stats-cost-icon-color:#25d9af;--stats-cost-icon-border:#25d9af4d;--stats-cost-icon-bg:#25d9af1a;--icon-neutral-ink:#aeb7c2;--icon-neutral-border:#9da7b23d;--icon-neutral-bg:#9da7b212;--press-device-pixel:1px;--motion-press:.2s;--motion-fast:.14s;--motion-base:.18s;--motion-slow:.24s;--motion-ease:cubic-bezier(.22, 1, .36, 1);--motion-hover-exit:cubic-bezier(.4, 0, 1, 1);--motion-delay-none:0s;--card-hover-duration:.2s;--card-hover-delay:50ms;--plan-card-hover-duration:.3s;--plan-card-hover-ease:cubic-bezier(.4, 0, .2, 1);--button-hover-duration:var(--card-hover-duration);--button-hover-delay:var(--card-hover-delay);--site-header-height:47px;--header-control-height:35px;--header-language-switch-width:calc(var(--header-control-height) + var(--header-control-height) + 1px);--page-inline-gutter:clamp(28px, 5vw, 48px);--font-micro:11px;--font-xs:12px;--font-sm:13px;--font-secondary:14px;--font-body:15px;--font-label:16px;--font-compact-title:18px;--font-card-title:20px;--font-step-title:clamp(22px, 2.2vw, 26px);--font-section-title:clamp(26px, 2.5vw, 30px);--font-page-title:clamp(30px, 3.4vw, 38px);--font-metric:28px;--font-price:32px;--font-code:13px;--font-chart:12px;--leading-tight:1.1;--leading-title:1.2;--leading-ui:1.35;--leading-body:1.5;--leading-code:1.65;--weight-regular:500;--weight-medium:600;--weight-semibold:650;--weight-bold:700;--weight-heavy:750;--scrollbar-track:transparent;--scrollbar-thumb:#3140506b;--scrollbar-thumb-hover:#41546894;font-family:Inter Variable,Inter Fallback,Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f8fb;--bg-deep:#f6f8fb;--surface:#fff;--surface-solid:#fff;--surface-raised:#f9fafb;--surface-soft:#f2f4f7;--border:#d9e1ea;--border-soft:#1018281a;--text:#182230;--text-soft:#344054;--muted:#667085;--text-dim:#98a2b3;--accent-text:#175cd3;--accent-text-soft:#1849a9;--blue:#1570ef;--blue-bright:#175cd3;--blue-soft:#1570ef17;--orange:#d94f00;--orange-ui:#f97316;--orange-ink:#e5520a;--orange-surface:#fff7ed;--orange-border:#fed7aa;--yellow-ui:#f2b600;--yellow-ink:#e2a900;--yellow-surface:#fff9dc;--yellow-border:#f3cf4f;--green-data:#12b76a;--syntax-value:#128044;--green-ui:#0f9f82;--green-ui-ink:#087a6c;--green-ui-ink-strong:#06685e;--green-accent:var(--green-ui);--green-ink:var(--syntax-value);--green-ink-strong:color-mix(in srgb, var(--syntax-value) 82%, #000);--green-surface:color-mix(in srgb, var(--green-ui) 8%, #f7f9fc);--green-surface-subtle:color-mix(in srgb, var(--green-ui) 4.5%, #f7f9fc);--green-border:color-mix(in srgb, var(--green-ui) 28%, #fff);--green-border-strong:color-mix(in srgb, var(--green-ui) 46%, #fff);--green-rgb:15, 159, 130;--green:var(--green-accent);--model-sol-light:var(--green-ink);--shadow:0 8px 24px #0f172a0b;--header-bg:#fffffff0;--header-border:#d9e2ec;--header-nav-text:#475467;--header-control-bg:#f2f4f7;--header-control-hover-bg:#e8eef5;--header-control-border:#dbe3ec;--header-refresh-busy-bg:#dceaff;--header-refresh-busy-border:#cbd5e1;--header-refresh-busy-text:#175cd3;--header-active-bg:#dceaff;--header-active-text:#175cd3;--header-active-border:#0f6fe838;--header-logo-bg:transparent;--header-logo-border:transparent;--body-blue-glow:transparent;--control-bg:#f8fafc;--input-bg:#fff;--card-bg:#fff;--card-bg-soft:#fbfcfe;--card-bg-deep:#fff;--tooltip-bg:#fff;--overlay-bg:#0f172a6b;--border-strong:#c4cfdb;--border-hover:#9fb0c2;--inset-highlight:transparent;--shadow-section:0 5px 18px #0f172a09;--shadow-soft:0 4px 14px #0f172a08;--shadow-float:0 10px 28px #0f172a1c;--chart-grid:#47556929;--chart-grid-soft:#47556914;--point-ring-blue:#fff;--point-ring-green:#fff;--scrollbar-thumb:#47556947;--scrollbar-thumb-hover:#4755696b;--status-success-bg:var(--green-surface);--status-success-text:var(--green-ink);--status-success-accent:var(--green-accent);--status-success-border:var(--green-border);--status-error-bg:#fef3f2;--status-error-text:#b42318;--status-error-accent:#b42318;--status-error-border:#fecdca;--chart-token:#1570ef;--chart-token-total:#1570ef;--chart-cost:var(--green-data);--chart-cost-total:var(--green-data);--brand-codex-accent:#7656d6;--brand-codex-rgb:118, 86, 214;--brand-openai-accent:var(--green-accent);--brand-openai-rgb:var(--green-rgb);--brand-icon-ink:#172033;--stats-icon-color:#175cd3;--stats-icon-border:#b2ddff;--stats-icon-bg:#eff8ff;--stats-cost-icon-color:var(--green-accent);--stats-cost-icon-border:var(--green-border);--icon-neutral-ink:#667085;--icon-neutral-border:#d0d5dd;--icon-neutral-bg:#f2f4f7;--stats-cost-icon-bg:var(--green-surface-subtle)}*{box-sizing:border-box}:root.is-theme-switching :not(.theme-icon),:root.is-theme-switching :before,:root.is-theme-switching :after{transition:none!important}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}}html{scroll-behavior:smooth;min-width:320px;scroll-padding-top:calc(var(--site-header-height) + 12px);scrollbar-width:none}::-webkit-scrollbar{width:4px;height:4px;background:0 0!important}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}::-webkit-scrollbar-track{box-shadow:none;border:0;background:0 0!important}::-webkit-scrollbar-track-piece{box-shadow:none;border:0;background:0 0!important}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:border-box;border:0;border-radius:999px;min-height:48px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:border-box}::-webkit-scrollbar-button{-webkit-appearance:none;background:0 0;border:0;width:0;height:0;display:none}::-webkit-scrollbar-button:single-button{-webkit-appearance:none;background:0 0;border:0;width:0;height:0;display:none}::-webkit-scrollbar-button:vertical:decrement{-webkit-appearance:none;background:0 0;border:0;width:0;height:0;display:none}::-webkit-scrollbar-button:vertical:increment{-webkit-appearance:none;background:0 0;border:0;width:0;height:0;display:none}::-webkit-scrollbar-button:horizontal:decrement{-webkit-appearance:none;background:0 0;border:0;width:0;height:0;display:none}::-webkit-scrollbar-button:horizontal:increment{-webkit-appearance:none;background:0 0;border:0;width:0;height:0;display:none}::-webkit-scrollbar-corner{background:0 0!important}.overlay-scrollbar{z-index:90;pointer-events:none;width:6px;transition:opacity var(--motion-fast) var(--motion-ease);display:none;position:fixed;top:4px;bottom:4px;right:0}.overlay-scrollbar-thumb{cursor:grab;pointer-events:auto;touch-action:none;background:var(--scrollbar-thumb);opacity:.78;will-change:transform;width:6px;transition:background-color var(--motion-fast) var(--motion-ease), opacity var(--motion-fast) var(--motion-ease);border-radius:999px;position:absolute;top:0;right:0}.overlay-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);opacity:1}.overlay-scrollbar-thumb:active{cursor:grabbing}body{background:radial-gradient(circle at 50% -10%, var(--body-blue-glow), transparent 29rem), var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0;overflow-x:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{appearance:none;color:inherit}a{color:inherit;text-decoration:none}:is(button,a,input,textarea,select,summary,[tabindex],[contenteditable=true]):focus,:is(button,a,input,textarea,select,summary,[tabindex],[contenteditable=true]):focus-visible{outline:none!important}::selection{color:#fff;background:#1769ff}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.app{min-height:100vh;overflow:clip}.shell{width:min(calc(100% - var(--page-inline-gutter)), 1180px);margin-inline:auto}.app,.help-app,.key-stats-app{--page-inline-gutter:clamp(16px, calc(22.8571vw - 125.714px), 48px)}.app{--font-section-title:28px}.site-header{z-index:50;height:var(--site-header-height);background:var(--header-bg);-webkit-backdrop-filter:blur(16px)saturate(120%);backdrop-filter:blur(16px)saturate(120%);box-shadow:0 1px 0 var(--header-border);border-bottom:0;position:sticky;top:0}.header-inner{width:min(calc(100% - var(--page-inline-gutter)), 1180px);height:var(--site-header-height);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:22px;margin-inline:auto;display:grid}.header-leading{grid-column:1;justify-self:start;align-items:center;gap:11px;min-width:0;display:flex}.brand{font-size:15px;font-weight:var(--weight-bold);letter-spacing:-.025em;flex:none;align-items:center;gap:9px;display:inline-flex}.brand-mark{width:27px;height:27px;color:var(--blue-bright);border:1px solid var(--header-logo-border);background:var(--header-logo-bg);box-shadow:none;border-radius:50%;flex:0 0 27px;place-items:center;display:grid}.brand-mark svg{flex:0 0 23px;width:23px;height:23px;display:block}.main-nav{background:0 0;border:0;grid-column:2;justify-self:end;align-items:center;gap:27px;margin:0;padding:0;display:flex}.main-nav>a{--nav-underline-scale:0;--nav-underline-opacity:1;min-width:max-content;min-height:var(--site-header-height);color:var(--header-nav-text);font-size:var(--font-secondary);font-weight:var(--weight-medium);text-align:center;white-space:nowrap;transition:color var(--button-hover-duration) var(--motion-hover-exit);align-items:center;padding:0;line-height:18px;display:inline-flex;position:relative}.main-nav>a:after{content:"";background:var(--blue);width:36px;height:2px;opacity:var(--nav-underline-opacity);transform:translateX(-50%) scaleX(var(--nav-underline-scale));transform-origin:50%;will-change:transform, opacity;border-radius:99px;display:block;position:absolute;bottom:4px;left:50%}.header-actions,.mobile-nav-actions{align-items:center;gap:7px;display:flex}.mobile-nav-actions{display:none}.mobile-settings{justify-content:flex-start;align-items:center;gap:7px;width:auto;display:flex}.header-actions{grid-column:3;justify-self:end}.header-refresh{width:112px;min-width:112px;min-height:var(--header-control-height);color:var(--text);border-color:var(--border);background:var(--control-bg);box-shadow:inset 0 1px var(--inset-highlight);border-radius:8px;padding:0 10px}.header-refresh .btn-press-content{white-space:nowrap;gap:6px}.header-refresh svg{flex:0 0 17px;width:17px;height:17px}.language-switch{--language-switch-gap:1px;isolation:isolate;width:var(--header-language-switch-width);min-width:var(--header-language-switch-width);height:var(--header-control-height);flex:0 0 var(--header-language-switch-width);align-items:center;gap:var(--language-switch-gap);background:var(--header-control-bg);box-shadow:none;border:0;border-radius:8px;padding:0;display:flex;position:relative;overflow:visible}.language-switch-active,.language-switch-hover{width:var(--header-control-height);pointer-events:none;border-radius:8px;position:absolute;inset-block:0}.language-switch-active{z-index:2;background:var(--header-active-bg);transition:transform var(--button-hover-duration) var(--motion-ease);left:0;transform:translate(0)}.language-switch[data-language=ru] .language-switch-active{transform:translateX(calc(100% + var(--language-switch-gap)))}.language-switch-hover{z-index:1;background:var(--header-control-hover-bg);opacity:0;transition:opacity var(--button-hover-duration) cubic-bezier(.4, 0, .2, 1)}.language-switch-hover-en{left:0}.language-switch-hover-ru{right:0}.language-switch button{z-index:3;width:var(--header-control-height);min-width:var(--header-control-height);height:var(--header-control-height);flex:0 0 var(--header-control-height);cursor:pointer;color:var(--header-nav-text);font-size:var(--font-sm);line-height:1;font-weight:var(--weight-semibold);letter-spacing:-.01em;transition:color var(--button-hover-duration) var(--motion-hover-exit);background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid;position:relative}.language-switch button.active{color:var(--header-active-text);box-shadow:none;transition-delay:var(--motion-delay-none);transition-timing-function:var(--motion-ease);background-color:#0000}.language-switch.mobile{width:var(--header-language-switch-width);min-width:var(--header-language-switch-width);height:var(--header-control-height);flex:0 0 var(--header-language-switch-width)}.language-switch.mobile button{flex:1;height:100%}.icon-button.theme-toggle{width:var(--header-control-height);min-width:var(--header-control-height);height:var(--header-control-height);flex:0 0 var(--header-control-height);color:var(--header-nav-text);background:var(--header-control-bg);box-shadow:none;border-color:#0000;border-radius:8px;position:relative;overflow:hidden}.theme-toggle-icons{pointer-events:none;width:16px;height:16px;display:block;position:relative}.theme-icon{width:16px;height:16px;transition:opacity var(--button-hover-duration) var(--motion-ease), transform var(--button-hover-duration) var(--motion-ease);position:absolute;inset:0}.theme-icon-sun{opacity:1;transform:rotate(0)scale(1)}.theme-icon-moon{opacity:0;transform:rotate(-35deg)scale(.72)}:root[data-theme=light] .theme-icon-sun{opacity:0;transform:rotate(35deg)scale(.72)}:root[data-theme=light] .theme-icon-moon{opacity:1;transform:rotate(0)scale(1)}.theme-toggle.mobile{width:var(--header-control-height);height:var(--header-control-height);flex-basis:var(--header-control-height)}.mobile-settings .language-switch.mobile{width:var(--header-language-switch-width);min-width:var(--header-language-switch-width);flex:0 0 var(--header-language-switch-width)}.icon-button{cursor:pointer;min-width:34px;height:34px;transition:color var(--button-hover-duration) var(--motion-hover-exit), border-color var(--button-hover-duration) var(--motion-hover-exit), background-color var(--button-hover-duration) var(--motion-hover-exit), opacity var(--button-hover-duration) var(--motion-ease), transform var(--motion-press) var(--motion-ease);color:var(--text-soft);background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;padding:0;display:inline-grid}.btn{cursor:pointer;min-height:43px;font-size:var(--font-body);letter-spacing:-.01em;transition:color var(--button-hover-duration) var(--motion-hover-exit), border-color var(--button-hover-duration) var(--motion-hover-exit), box-shadow var(--button-hover-duration) var(--motion-hover-exit), background-color var(--button-hover-duration) var(--motion-hover-exit), opacity var(--button-hover-duration) var(--motion-ease), transform var(--motion-press) var(--motion-ease);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:0 19px;font-weight:680;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn-press-content{justify-content:center;align-items:center;gap:inherit;pointer-events:none;min-width:0;display:inline-flex}.icon-button:active:not(:disabled){transform:translateY(var(--press-device-pixel))}.btn:disabled{cursor:not-allowed;opacity:.68;transition-delay:var(--motion-delay-none);transition-timing-function:var(--motion-ease);transform:none}.btn-primary{--button-accent:#1478ff}.btn-ghost{color:var(--text);border-color:var(--border);background:var(--control-bg);box-shadow:inset 0 1px var(--inset-highlight)}.header-buy{width:94px;min-width:94px;height:var(--header-control-height);min-height:var(--header-control-height);font-size:var(--font-secondary);flex:0 0 94px;padding-inline:10px}.menu-toggle{display:none}.page-stack{flex-direction:column;gap:16px;margin-top:16px;padding-bottom:28px;display:flex}.panel{border:1px solid var(--border);background:linear-gradient(135deg, #ffffff05, transparent 45%), var(--surface);box-shadow:inset 0 1px var(--inset-highlight), var(--shadow);border-radius:15px}.key-lookup{min-height:90px;box-shadow:inset 0 1px var(--inset-highlight), var(--shadow-soft);grid-template-columns:minmax(345px,.95fr) minmax(230px,1.25fr) auto;align-items:center;gap:12px;padding:17px 18px;display:grid;position:relative}.lookup-copy{align-items:center;gap:13px;display:flex}.lookup-icon{width:42px;height:42px;color:var(--stats-icon-color);border:1px solid var(--stats-icon-border);background:var(--stats-icon-bg);border-radius:12px;flex:none;place-items:center;transition:none;display:grid}.lookup-copy h2{color:var(--text);font-size:var(--font-compact-title);font-weight:var(--weight-bold);letter-spacing:-.015em;margin:0 0 4px}.lookup-copy p{color:var(--muted);font-size:var(--font-secondary);margin:0;line-height:1.45}.api-input-frame{width:100%;height:46px;display:block;position:relative}.api-input-frame:before,.api-input-frame:after{opacity:0;pointer-events:none;content:"";will-change:opacity;border:2px solid #0000;border-radius:10px;transition:opacity .2s linear;position:absolute;inset:0}.api-input-frame:before{z-index:1;border-color:#287cd9}.api-input-frame:after{z-index:2;border-color:#d34f4f}.api-input-frame:focus-within:before,.key-lookup.is-navigation-highlighted .api-input-frame:before,.key-lookup.has-error .api-input-frame:after{opacity:1}.key-lookup.is-error-fading .api-input-frame:after{opacity:0}.api-input{width:100%;height:46px;color:var(--text);border:1px solid var(--border);background:var(--input-bg);font-size:var(--font-body);border-radius:10px;outline:none;padding:0 15px;transition:none}.api-input::placeholder{color:var(--text-dim)}:root[data-theme=light] .api-input::placeholder{color:var(--muted);opacity:1}.api-input:focus,.api-input:focus-visible{box-shadow:none;outline:none}.lookup-button{min-width:166px;min-height:46px;transition:color var(--button-hover-duration) var(--motion-hover-exit), border-color var(--button-hover-duration) var(--motion-hover-exit), box-shadow var(--button-hover-duration) var(--motion-hover-exit), background-color var(--button-hover-duration) var(--motion-hover-exit), opacity var(--button-hover-duration) var(--motion-ease)}.lookup-button:active:not(:disabled){transform:translateY(var(--press-device-pixel))}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.plans-section{width:min(100%,1180px);min-width:0;margin-inline:auto;container:plans-section/inline-size}.plans-notes{grid-template-columns:1fr;gap:14px;margin:16px auto 0;display:grid}.plan-note-card{--note-accent:#1674ff;border:1px solid var(--border);background:var(--surface-solid);min-width:0;min-height:99px;box-shadow:inset 0 1px var(--inset-highlight);background-image:none;border-radius:12px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;padding:14px;display:grid}.plan-note-card-icon{--note-icon-border:color-mix(in srgb, var(--note-accent), transparent 36%);isolation:isolate;width:48px;height:48px;color:var(--note-accent);border:1px solid var(--note-icon-border);background:color-mix(in srgb, var(--note-accent), transparent 88%);background-clip:padding-box;border-radius:11px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff09}.plan-note-card-icon svg{z-index:1;display:block;position:relative}.plan-note-card.activation .plan-note-card-icon,.plan-note-card.expiry .plan-note-card-icon{box-shadow:none;background:0 0;border:0}.plan-note-card.activation .plan-note-card-icon:before,.plan-note-card.activation .plan-note-card-icon:after,.plan-note-card.expiry .plan-note-card-icon:before,.plan-note-card.expiry .plan-note-card-icon:after{z-index:0;box-sizing:border-box;content:"";pointer-events:none;width:50%;position:absolute;top:0;bottom:0;box-shadow:inset 0 1px #ffffff09}.plan-note-card.activation .plan-note-card-icon:before,.plan-note-card.expiry .plan-note-card-icon:before{background:color-mix(in srgb, var(--surface-solid) 88%, #ff5a00 12%);border:1px solid #ff5a00a3;border-right:0;border-radius:12px 0 0 12px;width:50%;left:0}.plan-note-card.activation .plan-note-card-icon:after,.plan-note-card.expiry .plan-note-card-icon:after{background:color-mix(in srgb, var(--surface-solid) 88%, #1674ff 12%);border:1px solid #1674ffa3;border-left:0;border-radius:0 12px 12px 0;width:50%;left:50%;right:auto}.split-tone-divider{--divider-width:1px;--divider-top-clearance:9.5px;--divider-bottom-clearance:11.5px;z-index:1;top:0;bottom:0;left:calc(50% - var(--divider-width));width:var(--divider-width);pointer-events:none;position:absolute}@media (resolution>=1.2x) and (resolution<=1.3x){.split-tone-divider{--divider-width:.8px}}.plan-note-card.expiry .split-tone-divider{--divider-top-clearance:9px;--divider-bottom-clearance:9px}.split-tone-divider:before,.split-tone-divider:after{content:"";background:color-mix(in srgb, var(--surface-solid) 36%, #ff5a00 64%);position:absolute;left:0;right:0}.split-tone-divider:before{top:0;bottom:calc(50% + var(--divider-top-clearance))}.split-tone-divider:after{top:calc(50% + var(--divider-bottom-clearance));bottom:0}.split-tone-note-icon{z-index:2;display:block;position:relative}.plan-note-card-icon .split-tone-note-icon svg{z-index:1;width:100%;height:100%;position:absolute;inset:0}.plan-note-card-icon .split-tone-note-icon svg.split-zap-corrections{z-index:2;clip-path:none}.split-zap-corrections .correction-blue{stroke:#1674ff}.split-zap-corrections .correction-orange{stroke:#ff5a00}.split-tone-note-icon .orange{color:#ff5a00;clip-path:inset(0 50% 0 0)}.split-tone-note-icon .blue{color:#1674ff;clip-path:inset(0 0 0 50%)}.plan-note-card-copy{width:100%;min-width:0;max-width:250px}.plan-note-card-copy h3{color:var(--text);font-size:var(--font-compact-title);letter-spacing:-.02em;margin:0 0 6px;font-weight:700;line-height:1.2}.plan-note-card-copy p{color:var(--text-soft);font-size:var(--font-secondary);margin:0;line-height:1.45}.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.plan-card{isolation:isolate;border-width:2px;border-color:color-mix(in srgb, var(--accent), transparent 40%);background:var(--surface-solid);min-width:0;box-shadow:inset 0 1px var(--inset-highlight);transition:border-color var(--plan-card-hover-duration) var(--plan-card-hover-ease);border-radius:16px;flex-direction:column;padding:22px;display:flex;position:relative;overflow:hidden;container-type:inline-size}.plan-card:after{content:"";z-index:0;pointer-events:none;background:color-mix(in srgb, var(--surface-solid), var(--accent) 2.5%);box-shadow:inset 0 1px var(--inset-highlight);opacity:0;will-change:opacity;transition:opacity var(--plan-card-hover-duration) var(--plan-card-hover-ease);border-radius:14px;position:absolute;inset:0}.plan-card>*{z-index:1;position:relative}.plan-card-head,.plan-name,.model-top,.model-price,.chart-head{align-items:center;display:flex}.plan-card-head{justify-content:space-between;gap:12px;position:relative}.plan-name{flex:auto;gap:12px;min-width:0}.plan-icon{width:46px;height:46px;color:var(--accent);background:color-mix(in srgb, var(--accent), transparent 88%);border-radius:11px;flex:none;place-items:center;transition:none;display:grid}.plan-name h3{color:var(--text);font-size:var(--font-card-title);font-weight:var(--weight-bold);letter-spacing:-.03em;white-space:nowrap;margin:0}.plan-tag{min-height:38px;color:var(--accent);border:1px solid color-mix(in srgb, var(--accent), transparent 82%);background:color-mix(in srgb, var(--accent), transparent 91%);font-size:var(--font-sm);border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0 14px;font-weight:720;line-height:1;display:inline-flex;position:relative;top:-8px;right:-8px}.balance-picker{border:0;min-width:0;margin:0;padding:0}.plan-card .balance-picker{margin-top:25px}.balance-picker legend{color:var(--text-soft);font-size:var(--font-body);font-weight:var(--weight-medium);margin-bottom:15px}.balance-options{grid-template-columns:repeat(var(--balance-option-count,4), minmax(0, 1fr));gap:8px;display:grid}.balance-options button{cursor:pointer;min-width:0;height:56px;color:var(--text);box-shadow:none;font-size:var(--font-card-title);font-weight:var(--weight-bold);transition:color .2s var(--motion-hover-exit);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0;line-height:1;display:flex}.balance-options button>span{pointer-events:none;border:1px solid var(--border);background:var(--control-bg);width:100%;height:100%;box-shadow:inset 0 1px var(--inset-highlight);transition:border-color .2s var(--motion-hover-exit), background-color .2s var(--motion-hover-exit), box-shadow .2s var(--motion-hover-exit);border-radius:10px;justify-content:center;align-items:center;display:flex}.plan-card.is-balance-changing .balance-options button{transition-duration:.15s;transition-delay:0s;transition-timing-function:var(--motion-ease)}.plan-card.is-balance-changing .balance-options button>span{transition-duration:.15s,.15s,.15s;transition-delay:0s,0s,0s;transition-timing-function:var(--motion-ease), var(--motion-ease), var(--motion-ease)}.balance-options button.selected{color:color-mix(in srgb, var(--accent), var(--text) 18%)}.balance-options button.selected>span{border-color:var(--accent);background:color-mix(in srgb, var(--accent), transparent 90%);box-shadow:inset 0 1px #ffffff12}.plan-summary{border:0;border-top:1px solid var(--border);box-shadow:none;background:0 0;border-radius:0;margin-top:22px;overflow:visible}.plan-summary-row{min-height:64px;color:var(--text-soft);font-size:var(--font-body);justify-content:space-between;align-items:center;gap:18px;padding:0 2px;display:flex}.plan-summary-row+.plan-summary-row{border-top:1px solid var(--border-soft)}.plan-summary-label{white-space:nowrap;min-width:0;transition:color var(--button-hover-duration) var(--motion-ease);border-radius:6px;outline:none;align-items:center;gap:6px;display:flex;position:relative}.plan-summary-label:focus,.plan-summary-label:focus-visible{color:var(--text)}.plan-summary-help{width:18px;height:18px;color:var(--muted);flex:0 0 18px;place-items:center;line-height:0;display:inline-grid}.plan-summary-help svg{display:block}.plan-balance-tooltip{z-index:8;visibility:hidden;width:max-content;max-width:min(520px,100cqw,100vw - 56px);color:var(--text-soft);border:1px solid color-mix(in srgb, var(--accent), var(--border) 70%);background:linear-gradient(145deg, color-mix(in srgb, var(--accent), transparent 94%), transparent 58%), var(--tooltip-bg);box-shadow:var(--shadow-float), inset 0 1px var(--inset-highlight);opacity:0;pointer-events:none;text-align:left;white-space:normal;transform-origin:bottom;transition-property:opacity,transform,visibility;transition-duration:var(--button-hover-duration), var(--button-hover-duration), 0s;transition-timing-function:var(--motion-hover-exit), var(--motion-hover-exit), linear;transition-delay:var(--motion-delay-none), var(--motion-delay-none), var(--button-hover-duration);border-radius:10px;padding:13px 15px;font-size:16px;font-weight:500;line-height:1.45;position:absolute;bottom:calc(100% + 12px);left:auto;right:9px;transform:translate(77%,5px)scale(.985)}.plan-balance-tooltip:before,.plan-balance-tooltip:after{content:"";pointer-events:none;clip-path:polygon(0 0,100% 0,50% 100%);position:absolute}.plan-balance-tooltip:before{background:color-mix(in srgb, var(--accent), var(--border) 70%);width:16px;height:9px;bottom:-9px;left:calc(23% - 8px)}.plan-balance-tooltip:after{background:var(--tooltip-bg);width:14px;height:8px;bottom:-8px;left:calc(23% - 7px)}.plan-summary-label:hover .plan-balance-tooltip{visibility:visible;opacity:1;transition-timing-function:var(--motion-ease), var(--motion-ease), linear;transition-delay:var(--button-hover-delay), var(--button-hover-delay), var(--button-hover-delay);transform:translate(77%)}.plan-summary-label:focus .plan-balance-tooltip,.plan-summary-label:focus-visible .plan-balance-tooltip{visibility:visible;opacity:1;transition-timing-function:var(--motion-ease), var(--motion-ease), linear;transition-delay:var(--motion-delay-none);transform:translate(77%)}.plan-summary-row>strong{color:var(--text);font-size:var(--font-metric);font-variant-numeric:tabular-nums;letter-spacing:-.025em;flex:none}.plan-summary-row.term>strong{color:color-mix(in srgb, var(--text-soft) 76%, var(--muted))}.plan-summary-row.cost>strong{color:var(--accent);font-size:var(--font-price)}.plan-buy{--button-accent:var(--accent);width:100%;min-height:50px;font-size:var(--font-body);font-variant-numeric:tabular-nums;margin-top:16px}.btn-primary,.plan-buy{color:#fff;background:linear-gradient(180deg, color-mix(in srgb, var(--button-accent), white 3%), color-mix(in srgb, var(--button-accent), black 9%));box-shadow:0 0 22px color-mix(in srgb, var(--button-accent), transparent 88%);transition:border-color var(--button-hover-duration) var(--motion-hover-exit), box-shadow var(--button-hover-duration) var(--motion-hover-exit), background-color var(--button-hover-duration) var(--motion-hover-exit), opacity var(--button-hover-duration) var(--motion-ease), transform var(--motion-press) var(--motion-ease);background-repeat:no-repeat;background-origin:border-box;background-clip:border-box;border-color:#0000}.header-buy:active:not(:disabled),.mobile-nav-actions .btn-primary:active:not(:disabled),.plan-buy:active:not(:disabled){transform:translateY(var(--press-device-pixel));transition-delay:0s}.site-header .header-buy{color:#fff;background:var(--blue);box-shadow:none;font-weight:var(--weight-semibold);border-color:#0000;border-radius:8px}.site-header .header-refresh{--header-refresh-interactive-text:var(--text-soft);height:var(--header-control-height);min-height:var(--header-control-height);color:var(--header-nav-text);background:var(--header-control-bg);box-shadow:none;font-size:var(--font-secondary);font-weight:var(--weight-semibold);border-color:#0000;border-radius:8px;padding-inline:10px}.site-header .header-refresh:active:not(:disabled){color:var(--header-refresh-interactive-text);background:var(--header-control-hover-bg);box-shadow:none;transform:translateY(var(--press-device-pixel));border-color:#0000}.site-header .header-refresh[aria-busy=true],.site-header .header-refresh:disabled{color:var(--header-refresh-busy-text);background:var(--header-refresh-busy-bg);box-shadow:none;opacity:1;border-color:#0000;transform:none}.site-header .header-refresh[aria-busy=true] svg{transform-origin:50%;animation:1s linear infinite header-refresh-spin}@keyframes header-refresh-spin{to{transform:rotate(1turn)}}.site-header .header-refresh[aria-busy=true]:not(:disabled){cursor:pointer}.section-panel{padding:26px 24px 24px}.section-heading{text-align:center;margin:0 auto 21px}.section-heading h2{color:var(--text);font-size:var(--font-section-title);font-weight:var(--weight-bold);letter-spacing:-.035em;margin:0 0 6px;line-height:1.15}.section-heading>p{color:var(--muted);font-size:var(--font-body);margin:0}.models-section{box-shadow:inset 0 1px var(--inset-highlight), var(--shadow-section);padding:26px 28px 30px}.models-heading{text-align:left;margin:0 0 24px}.models-heading-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.models-heading-row h2{color:var(--text);font-size:var(--font-section-title);font-weight:var(--weight-bold);letter-spacing:-.035em;margin:0;line-height:1.1}.models-heading>p{color:var(--header-nav-text);font-size:var(--font-body);margin-top:10px;line-height:1.5}.models-rate-badge,.stats-example-badge{color:#58a5ff;height:32px;min-height:32px;font-size:var(--font-sm);font-weight:var(--weight-medium);background:#1478ff14;border:1px solid #1478ff7a;border-radius:8px;align-items:center;padding:0 12px;line-height:1;display:inline-flex}.model-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.model-card{border:1px solid color-mix(in srgb, var(--model-color), transparent 66%);background:linear-gradient(145deg, color-mix(in srgb, var(--model-color), transparent 90%), transparent 64%), linear-gradient(180deg, #ffffff05, transparent), var(--card-bg-deep);min-width:0;min-height:0;box-shadow:inset 0 1px var(--inset-highlight);transition:border-color var(--motion-base) var(--motion-ease), box-shadow var(--motion-base) var(--motion-ease);border-radius:16px;flex-direction:column;padding:20px 22px;display:flex;position:relative;overflow:hidden}.model-card:after{content:"";pointer-events:none;background:var(--model-color);filter:blur(65px);opacity:.09;border-radius:50%;width:120px;height:120px;position:absolute;bottom:-45px;right:-45px}.model-top{gap:12px}.model-icon{width:46px;height:46px;color:var(--model-color);border:1px solid color-mix(in srgb, var(--model-color), transparent 40%);background:color-mix(in srgb, var(--model-color), transparent 92%);filter:drop-shadow(0 0 8px color-mix(in srgb, var(--model-color), transparent 60%));border-radius:12px;flex:none;place-items:center;transition:none;display:grid}.model-icon svg{width:28px;height:28px}.model-card h3{color:var(--text);font-size:var(--font-card-title);font-weight:var(--weight-bold);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.model-card>p{min-height:22px;color:var(--muted);font-size:var(--font-body);white-space:nowrap;margin:14px 0 12px;line-height:1.45}:root[lang=en] .model-card>p{letter-spacing:-.012em}.model-price{border-top:1px solid var(--border-soft);gap:8px;width:100%;margin-top:auto;margin-left:0;padding-top:14px}.model-price strong{color:var(--model-color);font-size:var(--font-price);font-variant-numeric:tabular-nums;flex:none;line-height:1.05}.model-price span{color:var(--muted);font-size:var(--font-secondary);white-space:nowrap;flex:none}.clients-section{box-shadow:inset 0 1px var(--inset-highlight), var(--shadow-section);padding:26px 28px 28px;container:clients-section/inline-size}.clients-heading{text-align:left;margin:0 0 25px}.clients-heading h2{color:var(--text);font-size:var(--font-section-title);font-weight:var(--weight-bold);letter-spacing:-.035em;margin:0;line-height:1.1}.clients-heading>p{max-width:760px;color:var(--muted);font-size:var(--font-body);white-space:pre-line;margin-top:11px;line-height:1.5}.clients-rows{gap:14px;display:grid}.clients-row{--client-accent:var(--blue-bright);--client-accent-soft:#1478ff1a;border:1px solid var(--border);background:linear-gradient(145deg, color-mix(in srgb, var(--client-accent), transparent 96%), transparent 58%), var(--card-bg-deep);min-width:0;box-shadow:inset 0 1px var(--inset-highlight);border-radius:16px;grid-template-columns:403px minmax(0,1fr);display:grid;overflow:hidden}.clients-row.codex-row{--client-accent:var(--brand-codex-accent);--client-accent-rgb:var(--brand-codex-rgb);--client-accent-soft:rgba(var(--brand-codex-rgb), .12);--client-icon-bg:var(--client-accent-soft);--client-icon-border:color-mix(in srgb, var(--client-accent), transparent 48%);--client-guide-bg:#8b5cf614;--client-guide-border:#8b5cf657;--client-guide-ink:#c7b6ff;--client-guide-hover-bg:#8b5cf624;--client-guide-hover-border:#9a70ff94;--client-guide-hover-ink:#eee9ff;--client-guide-highlight-bg:#8b5cf630;--client-guide-highlight-border:#a78bfad1;--client-guide-highlight-ink:#f1ecff;min-height:194px}.clients-row.compatible-row{--client-accent:var(--brand-openai-accent);--client-accent-rgb:var(--brand-openai-rgb);--client-accent-soft:rgba(var(--brand-openai-rgb), .1);--client-icon-bg:var(--client-accent-soft);--client-icon-border:color-mix(in srgb, var(--client-accent), transparent 48%);--client-guide-bg:#25d9af0d;--client-guide-border:#25d9af4d;--client-guide-ink:#8cebd5;--client-guide-hover-bg:#25d9af1f;--client-guide-hover-border:#37e2bc85;--client-guide-hover-ink:#effffb;--client-guide-highlight-bg:#25d9af29;--client-guide-highlight-border:#56dfc1c2;--client-guide-highlight-ink:#effffb;min-height:194px}.clients-row-summary{grid-template-columns:72px minmax(0,1fr);align-content:center;align-items:center;gap:18px;min-width:0;padding:22px 24px;display:grid;position:relative}.clients-row-summary:after{content:"";background:var(--border-soft);width:1px;position:absolute;top:20px;bottom:20px;right:0}.client-hero-icon{color:#f4f7fb;border:1px solid var(--client-icon-border);background:var(--client-icon-bg);border-radius:15px;place-items:center;width:72px;height:72px;display:grid;box-shadow:inset 0 1px #ffffff09}.clients-row-summary.codex .client-hero-icon,.clients-row-summary.openai .client-hero-icon{color:var(--brand-icon-ink)}.client-hero-icon svg{width:44px;height:44px;display:block}.client-hero-icon.openai svg{width:46px;height:46px}.clients-row-copy{min-width:0}.clients-row-copy h3{color:var(--text);font-size:var(--font-card-title);letter-spacing:-.025em;margin:0;font-weight:700;line-height:1.2}.clients-row-copy p{color:var(--muted);font-size:var(--font-body);white-space:pre-line;margin:7px 0 0;line-height:1.5}.clients-guide-link{min-height:40px;color:var(--client-guide-ink);border:1px solid var(--client-guide-border);background:var(--client-guide-bg);font-size:var(--font-secondary);font-weight:var(--weight-semibold);transition:color var(--button-hover-duration) var(--motion-hover-exit), border-color var(--button-hover-duration) var(--motion-hover-exit), background-color var(--button-hover-duration) var(--motion-hover-exit);border-radius:9px;align-items:center;gap:7px;margin-top:12px;padding:8px 13px;text-decoration:none;display:inline-flex}.clients-section.is-navigation-highlighted .clients-guide-link{color:var(--client-guide-highlight-ink);border-color:var(--client-guide-highlight-border);background:var(--client-guide-highlight-bg)}.clients-guide-link:hover{color:var(--client-guide-hover-ink);border-color:var(--client-guide-hover-border);background:var(--client-guide-hover-bg);transition-delay:var(--button-hover-delay);transition-timing-function:var(--motion-ease)}.clients-guide-link svg{flex:none;width:17px;height:17px}.clients-row-body{min-width:0;padding:19px 24px}.codex-body{grid-template-rows:auto auto;align-content:center;display:grid}.codex-app-grid,.client-platform-grid,.client-example-grid{gap:10px;min-width:0;display:grid}.codex-app-grid,.client-platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.client-item{min-width:0;color:var(--text);border:1px solid var(--border);background:var(--card-bg);box-shadow:inset 0 1px var(--inset-highlight);font-weight:var(--weight-semibold);white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:11px;padding:10px 12px;line-height:1.1;display:flex}.client-item.app{min-height:68px;font-size:var(--font-body)}.client-item.platform{min-height:50px;font-size:var(--font-secondary)}.client-item-icon{width:36px;height:36px;color:var(--text);flex:none;line-height:0;display:block;position:relative}.client-item-icon>svg{width:27px;height:27px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.client-item.app.is-codex-app .client-item-icon>svg,.client-item.app.is-codex-cli .client-item-icon>svg{width:26px;height:26px}.client-item.app.is-vscode .client-item-icon>svg{width:23px;height:23px}.client-item.platform .client-item-icon{width:28px;height:28px;color:var(--text)}.client-item.platform .client-item-icon>svg{width:24px;height:24px}.client-item.platform.is-macos .client-item-icon>svg,.client-item.platform.is-linux .client-item-icon>svg{width:25px;height:25px}.client-item.platform.is-linux .client-item-icon path{stroke:currentColor;stroke-width:.65px;stroke-linejoin:round;paint-order:stroke fill}.client-item-label{min-height:0;line-height:1.25;display:block}.client-platform-row{border-top:1px solid var(--border-soft);grid-template-columns:92px minmax(0,1fr);align-items:center;gap:12px;margin-top:16px;padding-top:16px;display:grid}.client-platform-label{color:var(--muted);font-size:var(--font-secondary);letter-spacing:.01em;font-weight:650}.clients-examples{flex-direction:column;justify-content:center;min-height:0;display:flex}.client-example-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.client-item.example{min-height:104px;font-size:var(--font-secondary);text-align:center;flex-direction:column;gap:9px;padding:11px 7px}.client-item.example .client-item-icon{width:34px;height:34px}.client-item.example.is-roocode .client-item-icon>svg,.client-item.example.is-kilocode .client-item-icon>svg{width:29px;height:29px}.client-item.example.is-api-sdk .client-item-icon>svg{width:32px;height:32px}.clients-info-strip{--client-accent:#25d9af;--client-accent-soft:#25d9af1a;min-height:60px;color:var(--text-soft);border:1px solid var(--border);background:linear-gradient(145deg, color-mix(in srgb, var(--client-accent), transparent 96%), transparent 58%), var(--card-bg-deep);box-shadow:inset 0 1px var(--inset-highlight);font-size:var(--font-body);border-radius:16px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:13px;margin-top:14px;padding:14px 20px;line-height:1.45;display:grid}.clients-info-strip p{white-space:normal;margin:0}.clients-info-icon{color:#58e4bf;place-items:center;width:22px;height:22px;display:grid}.stats-section{--stats-content-width:100%;background:var(--surface);box-shadow:inset 0 1px var(--inset-highlight), var(--shadow-section);padding:28px}.stats-section .stats-heading{text-align:left;margin:0 0 24px}.stats-heading-line{flex-wrap:wrap;align-items:center;gap:11px;display:flex}.stats-section .stats-heading h2{color:var(--text);font-size:var(--font-section-title);font-weight:var(--weight-bold);letter-spacing:-.04em;line-height:var(--leading-tight);margin:0}.stats-section .stats-heading>p{color:var(--muted);font-size:var(--font-body);margin-top:9px;line-height:1.5}.stats-grid{width:min(100%, var(--stats-content-width));grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-inline:auto;display:grid}.stat-card{border:1px solid var(--border);background:linear-gradient(145deg, #1478ff0d, transparent 64%), var(--card-bg);min-width:0;min-height:88px;box-shadow:inset 0 1px var(--inset-highlight);transition:border-color var(--motion-base) var(--motion-ease), box-shadow var(--motion-base) var(--motion-ease);border-radius:13px;align-items:center;gap:10px;padding:14px 12px;display:flex;container-type:inline-size}.stat-icon{width:42px;height:42px;color:var(--stats-icon-color);border:1px solid var(--stats-icon-border);background:var(--stats-icon-bg);border-radius:12px;flex:none;place-items:center;transition:none;display:grid}.stat-icon svg{width:23px;height:23px}.stat-card.is-cost .stat-icon{color:var(--stats-cost-icon-color);border-color:var(--stats-cost-icon-border);background:var(--stats-cost-icon-bg)}.stat-card>div{flex-direction:column;flex:1 1 0;gap:4px;min-width:0;display:flex;container-type:inline-size}.stat-card .stat-label{color:var(--muted);font-size:var(--font-secondary);white-space:nowrap;display:block}.stat-card strong{color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-overflow:clip;white-space:nowrap;font-size:24px;font-weight:700;line-height:1.05;overflow:visible}.chart-card{width:min(100%, var(--stats-content-width));margin-top:14px;border:1px solid var(--border);background:var(--card-bg);box-shadow:inset 0 1px var(--inset-highlight);border-radius:14px;margin-inline:auto;padding:18px 18px 7px;container:usage-chart/inline-size}.chart-head{justify-content:space-between;align-items:flex-start;gap:16px;padding:0 0 13px}.chart-title-block{align-items:flex-start;gap:12px;min-width:0;display:flex}.chart-title-block>svg{color:var(--stats-icon-color);flex:none;margin-top:1px}.chart-head h3{font-size:var(--font-compact-title);margin:0 0 5px}.chart-head p{color:var(--muted);font-size:var(--font-secondary);margin:0}.chart-controls,.chart-legend,.chart-legend span,.cumulative-control{align-items:center;display:flex}.chart-controls{flex:none;gap:14px}.chart-legend{gap:13px}.chart-legend span{color:var(--muted);font-size:var(--font-chart);font-weight:var(--weight-medium);gap:6px;line-height:1}.legend-dot{width:8px;height:8px;transition:background-color var(--button-hover-duration) var(--motion-ease);border-radius:50%;flex:none;display:block}.legend-dot.tokens{background:var(--chart-token)}.legend-dot.cost{background:var(--chart-cost)}.chart-card.is-cumulative .legend-dot.tokens{background:var(--chart-token-total)}.chart-card.is-cumulative .legend-dot.cost{background:var(--chart-cost-total)}.key-live-chart.is-cumulative .legend-dot.tokens{background:var(--chart-token-total)}.key-live-chart.is-cumulative .legend-dot.cost{background:var(--chart-cost-total)}.cumulative-control{min-height:30px;color:var(--muted);border:1px solid var(--border-soft);background:var(--control-bg);box-shadow:inset 0 1px var(--inset-highlight);font-size:var(--font-chart);font-weight:var(--weight-medium);border-radius:9px;gap:9px;padding:4px 7px 4px 10px;line-height:1}.cumulative-control>span{align-items:center;height:auto;line-height:1;display:inline-flex}.cumulative-toggle{cursor:pointer;width:30px;height:14px;transition:background-color var(--button-hover-duration) var(--motion-ease);background:#495461c2;border:0;border-radius:999px;padding:0;position:relative}.cumulative-toggle>span{width:15px;height:15px;box-shadow:none;transition:transform var(--button-hover-duration) var(--motion-ease), background-color var(--button-hover-duration) var(--motion-ease);background:#e1e6ec;border-radius:50%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.cumulative-toggle.active{background:#1674e8}.cumulative-toggle.active>span{transform:translate(15px,-50%)}.cumulative-toggle:focus-visible{outline-offset:0;outline:2px solid #54a2ffb8}.chart-wrap{scrollbar-width:none;width:100%;min-width:0;height:300px;position:relative;overflow:clip}.chart-wrap::-webkit-scrollbar{display:none}.chart-plot-surface,.chart-canvas{pointer-events:none;position:absolute}.chart-plot-surface,.chart-canvas,.line-chart{border-radius:0}.chart-plot-surface{z-index:0;background:0 0}.chart-canvas{z-index:1;image-rendering:auto;opacity:1;width:100%;height:100%;display:block;inset:0}.line-chart{z-index:2;touch-action:pan-y;width:100%;min-width:0;max-width:100%;height:100%;display:block;position:relative;overflow:hidden}@container usage-chart (width<=559px){.chart-wrap{height:250px}}.chart-grid{stroke:var(--chart-grid);stroke-width:1px}.chart-grid.vertical{stroke:var(--chart-grid-soft)}.chart-label{fill:var(--muted);font-size:var(--font-chart);font-variant-numeric:tabular-nums}@media (width<=620px){.chart-wrap{--chart-mobile-inline-extension:clamp(0px, calc(32.632px - 5.263vw), 10px);--chart-mobile-axis-shift:clamp(0px, calc(13.053px - 2.105vw), 4px);width:calc(100% + var(--chart-mobile-inline-extension) + var(--chart-mobile-inline-extension));margin-inline:calc(0px - var(--chart-mobile-inline-extension))}.chart-axis>g>.chart-label:first-child{transform:translateX(var(--chart-mobile-axis-shift))}.chart-axis>g>.chart-label:last-child{transform:translateX(calc(0px - var(--chart-mobile-axis-shift)))}}.chart-axis{opacity:1}.chart-boundaries{pointer-events:none;stroke:var(--chart-grid);stroke-width:1px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke;shape-rendering:crispedges}.chart-vector-lines{pointer-events:none}.chart-vector-line{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;shape-rendering:geometricprecision}.chart-vector-line.tokens{stroke-width:2.4px}.chart-vector-line.cost{stroke-width:2.2px}.chart-tooltip-points{pointer-events:none}.chart-hover-point{stroke-width:1.6px;vector-effect:non-scaling-stroke}.chart-hover-point.tokens{fill:var(--chart-token);stroke:var(--point-ring-blue)}.chart-hover-point.cost{fill:var(--chart-cost);stroke:var(--point-ring-green)}.chart-tooltip-html{z-index:4;pointer-events:none;height:73px;color:var(--text);border:1px solid var(--border-strong);background:var(--tooltip-bg);box-shadow:var(--shadow-float);font-variant-numeric:tabular-nums;will-change:transform;border-radius:8px;padding:8px 10px;position:absolute;top:0;left:0}.chart-tooltip-html .tooltip-time{color:var(--muted);font-size:var(--font-chart);margin-bottom:5px;line-height:1.2}.chart-tooltip-html .tooltip-row{min-height:18px;font-size:var(--font-chart);grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:6px;line-height:1.35;display:grid}.chart-tooltip-html .tooltip-row i{border-radius:50%;width:8px;height:8px;display:block}.chart-tooltip-html .tooltip-row span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chart-tooltip-html .tooltip-row strong{color:var(--text);font-weight:650}.chart-hit-area{cursor:default;fill:#0000;pointer-events:all;touch-action:pan-y}.chart-wrap:is(.is-morphing,.is-data-morphing) .chart-hit-area{pointer-events:none}.faq-section{box-shadow:inset 0 1px var(--inset-highlight), var(--shadow-soft);padding:26px 28px 28px}.faq-section .section-heading{text-align:left;margin:0 0 20px}.faq-section .section-heading h2{margin-bottom:0}.faq-grid{min-height:var(--faq-target-height,var(--faq-collapsed-height,0));overflow-anchor:none;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;transition:min-height .26s cubic-bezier(.333,0,.667,1);display:grid}.faq-column{flex-direction:column;gap:10px;min-width:0;display:flex}.faq-item{isolation:isolate;border:1px solid var(--border);background:linear-gradient(145deg, #1478ff09, transparent 64%), var(--card-bg);box-shadow:inset 0 1px var(--inset-highlight);transition:border-color var(--button-hover-duration) var(--motion-ease), box-shadow var(--button-hover-duration) var(--motion-hover-exit);border-radius:13px;position:relative;overflow:hidden}.faq-item:before{z-index:0;content:"";opacity:0;pointer-events:none;transition:opacity var(--button-hover-duration) var(--motion-ease);background:linear-gradient(135deg,#1478ff0d,#0000 70%);position:absolute;inset:0}.faq-item>*{z-index:1;position:relative}.faq-item button{cursor:pointer;width:100%;min-height:52px;color:var(--text-soft);text-align:left;font-size:var(--font-body);transition:color var(--button-hover-duration) var(--motion-ease);background:0 0;border:0;justify-content:space-between;align-items:center;gap:14px;padding:11px 16px;line-height:1.35;display:flex}@media (width>=821px){.faq-item button{min-height:64px}}.faq-item button svg{color:var(--muted);flex:none;transition:transform .26s cubic-bezier(.333,0,.667,1),color .26s cubic-bezier(.333,0,.667,1)}.faq-item.is-open{transition-delay:var(--motion-delay-none);border-color:#237cf185;box-shadow:inset 0 1px #ffffff08,0 8px 24px #1478ff09}.faq-item.is-open:before{opacity:1}.faq-item.is-open button{color:var(--text);font-weight:var(--weight-medium)}.faq-item.is-open button svg{color:var(--blue-bright);transform:rotate(180deg)}.faq-answer{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .26s cubic-bezier(.333,0,.667,1),opacity .26s cubic-bezier(.333,0,.667,1);display:grid}.faq-answer>div{overflow:hidden}.faq-answer p{color:var(--muted);font-size:var(--font-secondary);white-space:pre-line;margin:0;padding:0 16px 15px;line-height:1.55}.faq-item.is-open .faq-answer{opacity:1;grid-template-rows:1fr}.panel,.plan-card,.model-card,.clients-row,.client-item,.clients-info-strip,.stat-card,.chart-card,.faq-item,.lookup-icon,.api-input{-webkit-background-clip:padding-box;background-clip:padding-box}@media (hover:hover){.model-card,.stat-card{transition-duration:var(--card-hover-duration);transition-delay:var(--motion-delay-none);transition-timing-function:var(--motion-hover-exit)}.overlay-scrollbar-thumb{transition-duration:var(--motion-fast);transition-delay:var(--motion-delay-none);transition-timing-function:var(--motion-ease)}.main-nav>a{transition-duration:var(--button-hover-duration);transition-delay:var(--motion-delay-none);transition-timing-function:var(--motion-hover-exit)}.model-card:hover,.stat-card:hover{transition-delay:var(--card-hover-delay);transition-timing-function:var(--motion-ease)}.main-nav>a:hover{transition-delay:var(--button-hover-delay);transition-timing-function:var(--motion-ease)}.btn:not(:disabled):hover{transition-delay:var(--button-hover-delay), var(--button-hover-delay), var(--button-hover-delay), var(--button-hover-delay), var(--motion-delay-none), var(--motion-delay-none);transition-timing-function:var(--motion-ease)}.icon-button:not(:disabled):hover{transition-delay:var(--button-hover-delay), var(--button-hover-delay), var(--button-hover-delay), var(--motion-delay-none), var(--motion-delay-none);transition-timing-function:var(--motion-ease)}.main-nav>a:hover{color:var(--text)}.icon-button:not(:disabled):hover{color:var(--text);border-color:var(--border);background:var(--surface-soft)}.btn-primary:not(:disabled):hover,.plan-buy:not(:disabled):hover{box-shadow:0 0 28px color-mix(in srgb, var(--button-accent), transparent 82%);transition-delay:var(--button-hover-delay), var(--button-hover-delay), var(--button-hover-delay), var(--motion-delay-none), var(--motion-delay-none);border-color:#0000}.btn-ghost:not(:disabled):hover{border-color:var(--border-hover);background:var(--surface-raised)}.site-header .header-refresh:not([aria-busy=true]):not(:disabled):hover{color:var(--header-refresh-interactive-text);background:var(--header-control-hover-bg);box-shadow:none;border-color:#0000}.site-header .header-buy:not(:disabled):hover{background-color:color-mix(in srgb, var(--blue) 92%, white 8%)}.site-header .icon-button.theme-toggle:not(:disabled):hover{color:var(--text-soft);background:var(--header-control-hover-bg);box-shadow:none;border-color:#0000}.site-header .header-refresh[aria-busy=true]:not(:disabled),.site-header .header-refresh[aria-busy=true]:not(:disabled):hover{color:var(--header-refresh-busy-text);background:var(--header-refresh-busy-bg);box-shadow:none;border-color:#0000}.language-switch button:not(.active):hover{color:var(--text-soft);transition-delay:var(--button-hover-delay);transition-timing-function:var(--motion-ease);background-color:#0000}:is(.language-switch:has(button[data-locale=en]:not(.active):hover) .language-switch-hover-en,.language-switch:has(button[data-locale=ru]:not(.active):hover) .language-switch-hover-ru){opacity:1;transition-delay:var(--button-hover-delay);transition-timing-function:var(--motion-ease)}:is(.language-switch:has(button[data-locale=en].active:hover) .language-switch-hover-en,.language-switch:has(button[data-locale=ru].active:hover) .language-switch-hover-ru){opacity:0;transition:opacity 0s linear var(--button-hover-duration)}.balance-options button:not(.selected):hover>span{border-color:color-mix(in srgb, var(--accent), transparent 35%);background:var(--surface-raised);transition-delay:var(--button-hover-delay), var(--button-hover-delay), var(--button-hover-delay);transition-timing-function:var(--motion-ease)}.plan-card.is-buy-hovered{border-color:color-mix(in srgb, var(--accent), transparent 20%)}.plan-card.is-buy-hovered:after{opacity:1}.model-card:hover{border-color:color-mix(in srgb, var(--model-color), transparent 34%);box-shadow:inset 0 1px var(--inset-highlight), 0 12px 32px color-mix(in srgb, var(--model-color), transparent 94%)}.stat-card:hover{border-color:var(--border-hover);box-shadow:inset 0 1px var(--inset-highlight), 0 10px 26px #00000014}.faq-item:not(.is-open):hover{border-color:var(--border-hover);box-shadow:inset 0 1px var(--inset-highlight), 0 10px 26px #00000014;transition-delay:var(--card-hover-delay);transition-timing-function:var(--motion-ease)}.faq-item.is-open:hover{box-shadow:inset 0 1px #ffffff08,0 8px 24px #1478ff09}}.site-header .header-refresh,.site-header .header-buy,.site-header .language-switch button,.site-header .icon-button.theme-toggle{transition-property:color,border-color,box-shadow,background-color,opacity,transform;transition-duration:var(--button-hover-duration);transition-delay:var(--motion-delay-none);transition-timing-function:var(--motion-hover-exit)}.site-header .theme-icon{transition-duration:var(--button-hover-duration);transition-delay:var(--motion-delay-none);transition-timing-function:var(--motion-ease)}@media (hover:hover){.site-header .header-refresh:not(:disabled):hover,.site-header .header-buy:not(:disabled):hover,.site-header .language-switch button:not(.active):hover,.site-header .menu-toggle:not(:disabled):hover,.site-header .icon-button.theme-toggle:not(:disabled):hover{transition-duration:var(--button-hover-duration);transition-delay:var(--button-hover-delay), var(--button-hover-delay), var(--button-hover-delay), var(--button-hover-delay), var(--motion-delay-none), var(--motion-delay-none);transition-timing-function:var(--motion-ease)}}.site-header .header-refresh:active:not(:disabled),.site-header .header-buy:active:not(:disabled),.site-header .language-switch button:active,.site-header .menu-toggle:active:not(:disabled),.site-header .icon-button.theme-toggle:active:not(:disabled){transition-delay:var(--motion-delay-none);transition-timing-function:var(--motion-ease)}.site-header :is(.menu-toggle,.icon-button.theme-toggle):active:not(:disabled){transform:translateY(var(--press-device-pixel))}.site-header .main-nav>a{transition-delay:var(--motion-delay-none);transition-timing-function:var(--motion-hover-exit)}.site-header .main-nav>a:after{transition-property:transform;transition-duration:var(--button-hover-duration);transition-delay:var(--motion-delay-none);transition-timing-function:var(--motion-hover-exit)}@media (hover:hover){.site-header .main-nav>a:hover{--nav-underline-scale:1;--nav-underline-opacity:1;color:var(--text);transition-delay:var(--button-hover-delay);transition-timing-function:var(--motion-ease)}.site-header .main-nav>a:hover:after{transition-duration:var(--button-hover-duration);transition-delay:var(--button-hover-delay);transition-timing-function:var(--motion-ease)}}:root[data-theme=dark]{--bg:#050607;--bg-deep:#020304;--body-blue-glow:transparent;--tooltip-bg:#090b0e;--header-bg:#050607f0;--header-control-bg:#181c21f5;--header-control-hover-bg:#22272dfa;--header-control-border:#2b3138;--header-active-bg:color-mix(in srgb, var(--blue) 7%, var(--header-control-bg));--header-active-text:#69a8ff;--control-bg:#0f1216b8;--input-bg:#0203047a;--surface-solid:#0b0d10;--surface-raised:#111418;--surface-soft:#14171cad;--border:#2b3138;--border-soft:#9da7b226;--border-strong:#373f48;--border-hover:#4b5662}:root[data-theme=dark] .app{--surface:#0a0c0feb;--card-bg:#0c0f12;--card-bg-soft:#0c0f12;--card-bg-deep:#0c0f12;--main-card-bg:#0c0f12}:root[data-theme=dark] .app :is(.key-lookup,.plan-card,.plan-note-card,.model-card,.clients-row,.client-item,.clients-info-strip,.stat-card,.key-live-chart,.faq-item){background:var(--main-card-bg)}:root[data-theme=dark] .app .model-card:after{opacity:0}:root[data-theme=dark] :is(.key-stats-app,.stats-section) .stat-icon{color:var(--icon-neutral-ink);border-color:var(--icon-neutral-border);background:var(--icon-neutral-bg)}:root[data-theme=dark] .lookup-icon{color:var(--blue);border-color:color-mix(in srgb, var(--border-strong) 84%, var(--blue) 16%);background:color-mix(in srgb, var(--surface-raised) 97%, var(--blue) 3%)}:root[data-theme=dark] :is(.key-stats-app,.stats-section) .stat-card.is-cost .stat-icon{color:var(--stats-cost-icon-color);border-color:var(--stats-cost-icon-border);background:var(--stats-cost-icon-bg)}:root[data-theme=dark] :is(.key-stats-app,.stats-section) .chart-title-block>svg,:root[data-theme=dark] .key-stats-card-heading svg{color:var(--icon-neutral-ink)}:root[data-theme=dark] .stat-card{background:linear-gradient(145deg, #ffffff04, transparent 64%), var(--card-bg)}:root[data-theme=dark] .faq-item{background:linear-gradient(145deg, #ffffff03, transparent 64%), var(--card-bg)}:root[data-theme=dark] .faq-item:before{background:linear-gradient(135deg,#ffffff06,#0000 70%)}:root[data-theme=dark] .faq-item.is-open,:root[data-theme=dark] .faq-item.is-open:hover{box-shadow:inset 0 1px var(--inset-highlight), 0 8px 24px #0000001a}@container clients-section (width<=1034px){.clients-row{grid-template-columns:1fr;min-height:0}.clients-row-summary{min-height:106px}.clients-row-summary:after{width:auto;height:1px;inset:auto 20px 0}.codex-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.codex-app-grid .client-item:last-child:nth-child(odd){grid-column:1/-1}.client-platform-row{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:8px}.client-example-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.client-item.example{flex-direction:row;grid-column:span 2;min-height:82px}.client-item.example:nth-last-child(-n+2){grid-column:span 3}}@media (width<=920px){.model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.model-card>p,.model-price{margin-left:0}}@media (width<=820px){.site-header{height:var(--site-header-height)}.header-inner{grid-template-columns:minmax(0,1fr) auto;column-gap:10px}.header-leading{grid-column:1;justify-self:start}.header-actions{grid-column:2;justify-self:end}.main-nav{z-index:49;top:calc(var(--site-header-height) + 8px);right:var(--mobile-menu-right,calc(var(--page-inline-gutter) / 2 + 111px));width:min(132px,100% - 48px);max-width:none;max-height:calc(100vh - var(--site-header-height) - 16px);max-height:calc(100dvh - var(--site-header-height) - 16px);visibility:hidden;overscroll-behavior:contain;border:1px solid var(--border);background:var(--surface-solid);opacity:0;border-radius:12px;flex-direction:column;justify-self:auto;align-items:stretch;gap:0;margin:0;padding:8px 8px 14px;transition:none;display:flex;position:fixed;left:auto;overflow-y:auto;transform:translateY(-8px);box-shadow:0 16px 40px #00000047}.main-nav.has-menu-motion{transition:opacity var(--motion-slow) var(--motion-ease), transform var(--motion-slow) var(--motion-ease), visibility 0s linear var(--motion-slow)}.main-nav.is-open{visibility:visible;opacity:1;transition-delay:var(--motion-delay-none);transform:none}.main-nav>a{min-height:44px;font-size:var(--font-secondary);border-radius:8px;padding:0 12px}.main-nav>a:after{display:none}.mobile-nav-actions{border-top:1px solid var(--border-soft);flex-direction:column;align-items:center;gap:8px;margin-top:4px;padding:10px 0 0;display:flex}.mobile-settings .language-switch.mobile{flex-basis:89px;width:89px;min-width:89px;height:44px}.language-switch.mobile button{font-size:var(--font-sm)}.mobile-settings .theme-toggle.mobile{border-radius:9px;flex-basis:44px;width:44px;min-width:44px;height:44px}.mobile-nav-actions .btn{width:140px;min-width:140px;height:44px;min-height:44px;font-size:var(--font-secondary);border-radius:9px;padding-inline:12px}.menu-toggle{width:var(--header-control-height);min-width:var(--header-control-height);height:var(--header-control-height);color:var(--header-nav-text);background:var(--header-control-bg);border:0;border-radius:8px;display:grid}.menu-toggle[aria-expanded=true]{color:var(--header-active-text);background:var(--header-active-bg)}.menu-toggle-icons{pointer-events:none;width:20px;height:20px;display:block;position:relative}.menu-toggle-icon{width:20px;height:20px;position:absolute;inset:0}.menu-toggle-icon-close,.menu-toggle[aria-expanded=true] .menu-toggle-icon-open{opacity:0}.menu-toggle[aria-expanded=true] .menu-toggle-icon-close{opacity:1}}@container plans-section (width>=873px){.plans-notes{grid-template-columns:repeat(3,minmax(0,1fr))}}@container plans-section (width>=873px) and (width<=992px){.plan-note-card{grid-template-columns:42px minmax(0,1fr);gap:8px;min-height:99px;padding:10px}.plan-note-card-icon{border-radius:10px;width:42px;height:42px}.plan-note-card-copy h3{margin-bottom:4px;font-size:17px}.plan-note-card-copy p{font-size:13px}}@media (width<=920px){.plans-grid{grid-template-columns:1fr}.key-lookup{grid-template-columns:1fr auto;padding-bottom:24px}.lookup-copy{grid-column:1/-1}}@media (width<=820px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-grid{grid-template-columns:1fr;align-content:start;row-gap:10px}}@media (width<=620px){:root{--font-body:14px;--font-compact-title:16px;--font-card-title:18px;--font-section-title:24px;--font-metric:24px;--font-price:28px}.app{--font-section-title:24px}.brand{gap:9px;font-size:15px}.brand-mark{border-radius:50%;flex-basis:27px;width:27px;height:27px}.brand-mark svg{width:23px;height:23px}.page-stack{gap:12px;margin-top:12px}.key-lookup{grid-template-columns:1fr;gap:9px;padding:15px}.lookup-copy{grid-column:auto}.lookup-button{width:100%}.plan-balance-tooltip{transform-origin:86px bottom;width:max-content;max-width:calc(100cqw - 2px);left:-2px;right:auto;transform:translateY(5px)scale(.985)}.plan-summary-label:hover .plan-balance-tooltip,.plan-summary-label:focus .plan-balance-tooltip,.plan-summary-label:focus-visible .plan-balance-tooltip{transform:translateY(0)}.plan-balance-tooltip:before{left:78px}.plan-balance-tooltip:after{left:79px}.plan-name h3{font-size:var(--font-card-title)}.plan-icon{width:38px;height:38px}.plan-card .balance-picker{margin-top:20px}.balance-options{gap:6px}.balance-options button{height:50px;font-size:17px}.plan-summary-row{min-height:58px}.plan-summary-row.cost>strong{font-size:var(--font-price)}.plan-buy{min-height:48px;font-size:15px}.section-panel{padding:22px clamp(14px,50vw - 282px,28px) 18px}.clients-section{padding-top:26px;padding-inline:clamp(14px,4.6667vw - .933px,28px)}.section-heading{margin-bottom:17px}.section-heading h2{font-size:var(--font-section-title)}.model-grid{grid-template-columns:1fr}.models-heading-row{gap:10px}.models-heading-row h2{font-size:var(--font-section-title)}.models-heading>p{font-size:var(--font-body);margin-top:9px}.models-rate-badge,.stats-example-badge{height:32px;min-height:32px;padding-inline:10px;font-size:12px}.model-card{min-height:0;padding:18px}.model-icon{width:46px;height:46px}.model-icon svg{width:28px;height:28px}.model-card h3{font-size:var(--font-card-title)}.model-card>p,.model-price{margin-left:0}.model-card>p{min-height:auto;font-size:var(--font-body);margin:12px 0 10px}.model-price{padding-top:12px}.model-price strong{font-size:var(--font-price)}.clients-heading{margin-bottom:25px}.clients-heading>p{font-size:var(--font-body);margin-top:11px}.clients-rows{gap:12px}.clients-row-summary{grid-template-columns:54px minmax(0,1fr);gap:12px;min-height:96px;padding:16px}.client-hero-icon{border-radius:13px;width:54px;height:54px}.client-hero-icon svg{width:33px;height:33px}.client-hero-icon.openai svg{width:35px;height:35px}.clients-row-copy h3{font-size:var(--font-card-title)}.clients-row-copy p{font-size:var(--font-secondary);margin-top:4px}.clients-row-body{padding:16px}.codex-app-grid,.client-platform-grid{gap:8px}.client-item{gap:7px;padding:8px}.client-item.app{min-height:58px;font-size:var(--font-secondary)}.client-item.app .client-item-icon{width:32px;height:32px}.client-item.example .client-item-icon{width:30px;height:30px}.client-item.app .client-item-icon>svg,.client-item.example .client-item-icon>svg{width:24px;height:24px}.client-item.app.is-codex-app .client-item-icon>svg,.client-item.app.is-codex-cli .client-item-icon>svg{width:26px;height:26px}.client-item.app.is-vscode .client-item-icon>svg{width:23px;height:23px}.client-platform-row{margin-top:13px;padding-top:13px}.client-item.platform{min-height:46px;font-size:var(--font-secondary)}.client-example-grid{gap:8px}.client-item.example{gap:7px;min-height:76px}.client-item.example.is-roocode .client-item-icon>svg,.client-item.example.is-kilocode .client-item-icon>svg{width:26px;height:26px}.client-item.example.is-api-sdk .client-item-icon>svg{width:28px;height:28px}.clients-info-strip{min-height:60px;font-size:var(--font-secondary);grid-template-columns:22px minmax(0,1fr);gap:11px;padding:12px 14px}.clients-info-icon{width:22px;height:22px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat-card{gap:9px;padding:11px}.stat-icon{width:40px;height:40px}.stat-icon svg{width:22px;height:22px}.chart-card{margin-top:8px;padding:13px 9px 4px}.chart-head{flex-direction:column;align-items:stretch;gap:11px}.chart-head p{display:none}.chart-controls{justify-content:space-between;gap:12px}.chart-legend{gap:10px}.chart-wrap{overflow:clip}.line-chart{width:100%;min-width:0}.faq-grid{grid-template-columns:1fr}}@media (width<=460px){.client-example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-item.example,.client-item.example:nth-last-child(-n+2){grid-column:auto}.client-item.example:last-child:nth-child(odd){grid-column:1/-1}.plan-name{gap:9px}.plan-name h3{font-size:18px}.plan-summary-row{gap:10px;padding:0}.plan-summary-label{gap:5px}.client-item.example{flex-direction:column;min-height:86px}.client-item.example:last-child:nth-child(odd){flex-direction:row;min-height:72px}.client-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-platform-grid .client-item:last-child:nth-child(odd){grid-column:1/-1}.clients-info-strip{align-items:start}.clients-info-icon{margin-top:1px}.stats-section .key-live-chart .chart-controls{flex-wrap:wrap}.stats-section .key-live-chart .cumulative-control{margin-left:auto}}@media (width<=429px){.plan-tag{display:none}}@media (width<=420px){.stats-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=410px){.chart-controls{flex-wrap:wrap}.cumulative-control{margin-left:auto}}@media (width>=361px) and (width<=620px){.balance-options{grid-template-columns:repeat(var(--balance-option-count,4), minmax(0, 1fr))}.balance-options button:last-child:nth-child(odd){grid-column:auto}}@media (width<=360px){.balance-options{grid-template-columns:repeat(2,minmax(0,1fr))}.balance-options button:last-child:nth-child(odd){grid-column:1/-1}.codex-app-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root[data-theme=light] .panel{background:var(--surface)}:root[data-theme=light] .site-header{box-shadow:0 1px 0 var(--header-border)}:root[data-theme=light] :is(.key-stats-app,.stats-section) .stat-card:not(.is-cost) .stat-icon{color:var(--icon-neutral-ink);border-color:var(--icon-neutral-border);background:var(--icon-neutral-bg)}:root[data-theme=light] :is(.key-stats-app,.stats-section) .chart-title-block>svg{color:var(--icon-neutral-ink)}@media (width<=820px){:root[data-theme=light] .main-nav.is-open{box-shadow:0 12px 30px #0f172a1a}}:root[data-theme=light] .site-header .header-buy{background:var(--blue);box-shadow:none}:root[data-theme=light] .brand-mark{color:#0b67d5}:root[data-theme=light] .models-rate-badge,:root[data-theme=light] .stats-example-badge{color:var(--accent-text);background:#0f6fe813;border-color:#0f6fe85c}:root[data-theme=light] .model-icon,:root[data-theme=light] .model-price strong{color:color-mix(in srgb, var(--model-color), #0f172a 22%)}:root[data-theme=light] .model-card:first-child .model-icon,:root[data-theme=light] .model-card:first-child .model-price strong{color:var(--model-sol-light)}:root[data-theme=light] .model-card:first-child{--model-color:var(--green-data)!important}:root[data-theme=light] .model-icon{filter:none}:root[data-theme=light] .model-card:after{opacity:0}:root[data-theme=light] .model-card{border-color:color-mix(in srgb, var(--model-color), transparent 76%);background:var(--surface-solid);box-shadow:none}:root[data-theme=light] .btn-primary{--button-accent:#1570ef}:root[data-theme=light] :is(.clients-row,.clients-info-strip,.stat-card,.faq-item){background:var(--surface-solid);box-shadow:none}:root[data-theme=light] .client-item{background:var(--card-bg-soft);box-shadow:none}:root[data-theme=light] .chart-card{background:var(--card-bg);box-shadow:none}:root[data-theme=light] :is(.btn-primary,.plan-buy){background:var(--button-accent);box-shadow:0 4px 12px color-mix(in srgb, var(--button-accent), transparent 90%)}:root[data-theme=light] .model-card:nth-child(4){border-color:#b8c3cf}:root[data-theme=light] .model-card:nth-child(4) .model-icon{color:#526273;background:#5262730e;border-color:#b8c3cf}:root[data-theme=light] .model-card:nth-child(4) .model-price strong{color:#526273}:root[data-theme=light] .plan-card.day{--selection-ink:var(--orange-ink);--selection-border:var(--orange-ui);--selection-bg:var(--orange-surface)}:root[data-theme=light] .plan-card.week{--selection-ink:#175cd3;--selection-border:#1570ef;--selection-bg:#eff8ff}:root[data-theme=light] .balance-options button.selected{color:var(--selection-ink)}:root[data-theme=light] .balance-options button.selected>span{border-color:var(--selection-border);background:var(--selection-bg);box-shadow:none}:root[data-theme=light] .model-card.tone-orange{border-color:var(--orange-border);--model-color:var(--orange-ui)!important}:root[data-theme=light] .model-card.tone-orange .model-icon{color:var(--orange-ink);border-color:var(--orange-border);background:var(--orange-surface)}:root[data-theme=light] .model-card.tone-orange .model-price strong{color:var(--orange-ink)}:root[data-theme=light] .model-card.tone-yellow{border-color:var(--yellow-border);--model-color:var(--yellow-ui)!important}:root[data-theme=light] .model-card.tone-yellow .model-icon{color:var(--yellow-ui);border-color:var(--yellow-border);background:var(--yellow-surface)}:root[data-theme=light] .model-card.tone-yellow .model-price strong{color:var(--yellow-ink)}:root[data-theme=light] .client-hero-icon,:root[data-theme=light] .clients-row-summary.codex .client-hero-icon,:root[data-theme=light] .clients-row-summary.openai .client-hero-icon{color:var(--brand-icon-ink);border-color:var(--client-icon-border);background:var(--client-icon-bg);box-shadow:none}:root[data-theme=light] .clients-row.codex-row{--client-icon-bg:#f7f4ff;--client-icon-border:#d2c4f5;--client-guide-bg:#fbfaff;--client-guide-border:#d4c8f2;--client-guide-ink:#6746c2;--client-guide-hover-bg:#f2edff;--client-guide-hover-border:#b5a1e6;--client-guide-hover-ink:#5734a8;--client-guide-highlight-bg:#ede7ff;--client-guide-highlight-border:#9f86dc;--client-guide-highlight-ink:#4f2d9b}:root[data-theme=light] .clients-row.compatible-row{--client-icon-bg:var(--green-surface-subtle);--client-icon-border:var(--green-border);--client-guide-bg:color-mix(in srgb, var(--green-ui) 1.8%, white);--client-guide-border:color-mix(in srgb, var(--green-border), white 22%);--client-guide-ink:var(--green-ui-ink);--client-guide-hover-bg:color-mix(in srgb, var(--green-surface), white 26%);--client-guide-hover-border:color-mix(in srgb, var(--green-border), var(--green-accent) 30%);--client-guide-hover-ink:var(--green-ui-ink);--client-guide-highlight-bg:var(--green-surface);--client-guide-highlight-border:var(--green-border-strong);--client-guide-highlight-ink:var(--green-ui-ink-strong)}:root[data-theme=light] .clients-info-icon{color:var(--brand-openai-accent)}:root[data-theme=light] .clients-info-strip{--client-accent:var(--brand-openai-accent);--client-accent-soft:rgba(var(--brand-openai-rgb), .1)}:root[data-theme=light] .cumulative-toggle{background:#aeb9c6}:root[data-theme=light] .cumulative-toggle>span{background:#fff;box-shadow:0 0 2px #0f172a2e}:root[data-theme=light] .cumulative-toggle.active{background:#0f6fe8}:root[data-theme=light] .faq-item.is-open{border-color:#0f6fe86b;box-shadow:0 4px 14px #0f6fe80a}@media (hover:hover){:root[data-theme=light] .btn-primary:not(:disabled):hover,:root[data-theme=light] .plan-buy:not(:disabled):hover{box-shadow:0 6px 16px color-mix(in srgb, var(--button-accent), transparent 88%)}:root[data-theme=light] .site-header .header-buy:not(:disabled):hover{background-color:color-mix(in srgb, var(--blue) 92%, white 8%)}:root[data-theme=light] .model-card:hover,:root[data-theme=light] .stat-card:hover,:root[data-theme=light] .faq-item:not(.is-open):hover{box-shadow:0 4px 14px #0f172a0b}:root[data-theme=light] .clients-guide-link:hover{color:var(--client-guide-hover-ink);border-color:var(--client-guide-hover-border);background:var(--client-guide-hover-bg)}}.help-app{--help-accent:var(--brand-codex-accent);--help-accent-soft:color-mix(in srgb, var(--brand-codex-accent) 68%, white);--help-accent-rgb:var(--brand-codex-rgb);--font-page-title:38px;--font-section-title:30px;--font-step-title:26px;min-height:100vh;overflow:clip}.ide-help-app{--help-accent:var(--brand-openai-accent);--help-accent-soft:color-mix(in srgb, var(--brand-openai-accent) 68%, white);--help-accent-rgb:var(--brand-openai-rgb)}.help-page{min-height:calc(100vh - var(--site-header-height));padding:16px 0 38px}.help-shell{width:min(calc(100% - var(--page-inline-gutter)), 960px);flex-direction:column;gap:16px;display:flex}.help-hub-hero{border-color:var(--border);background:linear-gradient(120deg, #ffffff05, transparent 52%), var(--surface);padding:19px 22px 22px;overflow:hidden;box-shadow:inset 0 1px #ffffff06,0 14px 40px #0000001a}.help-hub-heading{margin-bottom:17px}.help-hub-heading h1{color:var(--text);font-size:var(--font-page-title);font-weight:var(--weight-heavy);letter-spacing:-.045em;white-space:nowrap;margin:0;line-height:1.04}.help-hub-heading p{color:var(--text-soft);font-size:var(--font-body);margin:7px 0 0;line-height:1.4}.help-guide-tabs{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;gap:10px;display:grid}.help-guide-tab{--guide-tab-color:var(--brand-codex-accent);--guide-tab-rgb:var(--brand-codex-rgb);cursor:pointer;min-width:0;height:62px;color:var(--text-soft);border-color:var(--border);text-align:left;transition:color var(--card-hover-duration) var(--motion-hover-exit), border-color var(--card-hover-duration) var(--motion-hover-exit), background-color var(--card-hover-duration) var(--motion-hover-exit), box-shadow var(--card-hover-duration) var(--motion-hover-exit);background-color:#080f1794;background-image:none;border-radius:11px;grid-template-columns:40px minmax(0,1fr);align-self:stretch;align-items:center;gap:11px;padding:7px 10px;display:grid;transform:none;box-shadow:inset 0 1px #ffffff05}.help-guide-tab.is-ide{--guide-tab-color:var(--brand-openai-accent);--guide-tab-rgb:var(--brand-openai-rgb)}.help-guide-tab-icon{width:40px;height:40px;color:var(--text);transition:border-color var(--card-hover-duration) var(--motion-hover-exit), background-color var(--card-hover-duration) var(--motion-hover-exit), box-shadow var(--card-hover-duration) var(--motion-hover-exit);background:#ffffff06;border:1px solid #91a4ba33;border-radius:10px;place-items:center;display:grid}.help-guide-tab-icon>svg{width:25px;height:25px;display:block}.help-guide-tab.is-ide .help-guide-tab-icon>svg{width:26px;height:26px}.help-guide-tab>span:last-child{flex-direction:column;justify-content:center;gap:2px;min-width:0;display:flex}.help-guide-tab strong{color:var(--text);font-size:var(--font-compact-title);font-weight:var(--weight-bold);letter-spacing:-.02em;line-height:var(--leading-title);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.help-guide-tab small{color:var(--muted);font-size:var(--font-secondary);line-height:var(--leading-ui);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.help-guide-tab.is-active{color:var(--guide-tab-color);border-color:rgba(var(--guide-tab-rgb), .38);background-color:rgba(var(--guide-tab-rgb), .075);transition-delay:var(--motion-delay-none);transition-timing-function:var(--motion-ease);box-shadow:inset 0 1px #ffffff06}.help-guide-tab.is-active .help-guide-tab-icon{border-color:rgba(var(--guide-tab-rgb), .42);background-color:rgba(var(--guide-tab-rgb), .12);transition-delay:var(--motion-delay-none);transition-timing-function:var(--motion-ease);box-shadow:inset 0 1px #ffffff09}.help-guide-tab:focus-visible{border-color:rgba(var(--guide-tab-rgb), .62);box-shadow:inset 0 0 0 1px rgba(var(--guide-tab-rgb), .18), 0 8px 22px rgba(var(--guide-tab-rgb), .055);transition-delay:var(--motion-delay-none);outline:none}.help-guide-content{flex-direction:column;gap:16px;min-width:0;display:flex}@media (hover:hover){.help-guide-tab:not(.is-active):hover{color:var(--text);border-color:rgba(var(--guide-tab-rgb), .34);background-color:rgba(var(--guide-tab-rgb), .035);transition-delay:var(--card-hover-delay);transition-timing-function:var(--motion-ease);box-shadow:inset 0 1px #ffffff05}.help-guide-tab:not(.is-active):hover .help-guide-tab-icon{border-color:rgba(var(--guide-tab-rgb), .28);background-color:rgba(var(--guide-tab-rgb), .055);transition-delay:var(--card-hover-delay);transition-timing-function:var(--motion-ease)}}.help-hero,.help-quick,.help-provider-panel,.help-model-ids-panel,.help-step-card,.help-troubleshooting,.help-restore,.ide-compatibility-note{box-shadow:inset 0 1px #ffffff06,0 14px 40px #0000001a}.help-hero{border-color:rgba(var(--help-accent-rgb), .2);background:linear-gradient(120deg, rgba(var(--help-accent-rgb), .025), transparent 52%), var(--surface);padding:17px 22px 20px;overflow:hidden}.help-hero-copy{flex-direction:column;min-width:0;display:flex}.help-hero-heading{grid-template-columns:46px minmax(0,1fr);align-items:center;gap:13px;display:grid}.help-hero-mark{width:46px;height:46px;color:var(--text);border:1px solid rgba(var(--help-accent-rgb), .48);background:rgba(var(--help-accent-rgb), .12);border-radius:12px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff09}.help-hero-mark.is-compatible{color:var(--text);border-color:rgba(var(--help-accent-rgb), .42);background:rgba(var(--help-accent-rgb), .1)}.ide-help-hero .help-hero-mark.is-compatible>svg{transform:translate(1px,1px)}.help-hero-mark>svg{display:block}.help-hero h1{color:var(--text);font-size:var(--font-page-title);font-weight:var(--weight-heavy);letter-spacing:-.045em;text-wrap:balance;margin:0;line-height:1.04}.help-hero-heading p{color:var(--text-soft);font-size:var(--font-body);white-space:nowrap;margin:6px 0 0;line-height:1.45}.help-step{--step-accent:var(--help-accent);--step-accent-rgb:var(--help-accent-rgb)}.help-quick{border-color:rgba(var(--help-accent-rgb), .24);background:linear-gradient(120deg, rgba(var(--help-accent-rgb), .045), transparent 48%), var(--surface);grid-template-columns:1fr;align-items:center;gap:14px;padding:22px 24px;display:grid}.help-quick-copy{align-items:center;gap:13px;display:flex}.help-quick-copy>span{width:42px;height:42px;color:var(--help-accent);border:1px solid rgba(var(--help-accent-rgb), .32);background:rgba(var(--help-accent-rgb), .09);border-radius:11px;flex:0 0 42px;place-items:center;display:grid}.help-quick h2{color:var(--text);font-size:var(--font-card-title);font-weight:var(--weight-bold);letter-spacing:-.025em;margin:0}.help-quick p{color:var(--muted);font-size:var(--font-secondary);margin:5px 0 0;line-height:1.45}.help-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.help-quick-actions>span{min-height:38px;color:var(--text-soft);border:1px solid rgba(var(--help-accent-rgb), .1);font-size:var(--font-secondary);background:#0d161fc2;border-radius:9px;align-items:center;gap:9px;padding:7px 10px;display:flex}.help-quick-actions b{width:23px;height:23px;color:var(--help-accent);background:rgba(var(--help-accent-rgb), .1);font-size:var(--font-xs);font-weight:var(--weight-heavy);border-radius:7px;flex:0 0 23px;place-items:center;display:grid}.help-provider-panel{scroll-margin-top:calc(var(--site-header-height) + 12px);border-color:rgba(var(--help-accent-rgb), .22);background:linear-gradient(120deg, rgba(var(--help-accent-rgb), .035), transparent 48%), var(--surface);padding:22px 24px}.help-model-ids-panel{border-color:rgba(var(--help-accent-rgb), .18);background:linear-gradient(120deg, rgba(var(--help-accent-rgb), .025), transparent 52%), var(--surface);padding:22px 24px}.help-provider-header,.help-model-ids-header{align-items:center;gap:13px;margin-bottom:16px;display:flex}.help-provider-header>span,.help-model-ids-header>span{width:42px;height:42px;color:var(--help-accent);border:1px solid rgba(var(--help-accent-rgb), .3);background:rgba(var(--help-accent-rgb), .08);border-radius:11px;flex:0 0 42px;place-items:center;display:grid}.help-provider-header h2,.help-model-ids-header h2{color:var(--text);font-size:var(--font-card-title);font-weight:var(--weight-bold);letter-spacing:-.025em;margin:0}.help-provider-header p,.help-model-ids-header p{color:var(--muted);font-size:var(--font-secondary);margin:4px 0 0;line-height:1.45}.ide-provider-fields{border:1px solid rgba(var(--help-accent-rgb), .18);background:#070d14b8;border-radius:12px;grid-template-columns:minmax(0,1fr);margin:0;padding:0;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff06}.ide-provider-field{border-bottom:1px solid var(--border-soft);grid-template-columns:142px minmax(0,1fr);align-items:stretch;min-width:0;min-height:58px;display:grid}.ide-provider-field:last-child{border-bottom:0}.ide-provider-field dt{color:var(--muted);font-size:var(--font-secondary);font-weight:var(--weight-semibold);letter-spacing:.01em;align-items:center;padding:0 16px;display:flex}.ide-provider-field dd{border-left:1px solid var(--border-soft);align-items:center;min-width:0;min-height:58px;margin:0;padding:12px 54px 12px 16px;display:flex;position:relative}.ide-provider-field code{min-width:0;color:var(--help-accent);font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:var(--font-code);font-weight:var(--weight-medium);overflow-wrap:anywhere;white-space:nowrap;line-height:22px;display:block;overflow:hidden}.ide-model-id-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.ide-model-id-group{background:#070d14ad;border:1px solid #5c779347;border-radius:12px;min-width:0;overflow:hidden;box-shadow:inset 0 1px #ffffff05}.ide-model-id-column{align-content:start;min-width:0;display:grid}.ide-model-id{border-bottom:1px solid var(--border-soft);grid-template-columns:minmax(0,1fr);align-items:center;min-width:0;min-height:50px;padding:8px 54px 8px 14px;display:grid;position:relative}.ide-model-id:last-child{border-bottom:0}.ide-model-id>code{min-width:0;color:var(--help-accent);font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:var(--font-code);font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.help-provider-key-note{color:var(--help-accent);border:1px solid rgba(var(--help-accent-rgb), .2);background:rgba(var(--help-accent-rgb), .055);border-radius:11px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:11px;margin-top:12px;padding:12px 14px;display:grid}.help-provider-key-note>svg{justify-self:center}.help-provider-key-note div{align-items:baseline;gap:8px;min-width:0;display:flex}.help-provider-key-note strong{color:var(--text);font-size:var(--font-secondary);font-weight:var(--weight-bold);flex:none}.help-provider-key-note span{min-width:0;color:var(--text-soft);font-size:var(--font-secondary);line-height:1.45}.ide-help-inline-link{color:var(--help-accent-soft);border-bottom:1px solid rgba(var(--help-accent-rgb), .3);transition:color .2s var(--motion-ease), border-color .2s var(--motion-ease);text-decoration:none}.ide-provider-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.ide-provider-summary>div{border:1px solid rgba(var(--help-accent-rgb), .12);background:#0a1118b3;border-radius:11px;flex-direction:column;gap:7px;min-width:0;padding:13px 14px;display:flex}.ide-provider-summary span{color:var(--muted);font-size:var(--font-xs);font-weight:var(--weight-semibold)}.ide-provider-summary .help-inline-code{width:fit-content;max-width:100%;color:var(--text-soft);text-overflow:ellipsis;overflow:hidden}.ide-compatibility-note{min-height:56px;color:var(--help-accent);border-color:rgba(var(--help-accent-rgb), .2);background:linear-gradient(120deg, rgba(var(--help-accent-rgb), .035), transparent 54%), var(--surface);grid-template-columns:22px minmax(0,1fr);align-items:center;gap:12px;padding:13px 18px;display:grid}.ide-compatibility-note p{color:var(--text-soft);font-size:var(--font-secondary);margin:0;line-height:1.5}@media (hover:hover){.ide-help-inline-link:hover{color:#fff;border-color:rgba(var(--help-accent-rgb), .65)}}.help-config-preview{background:#070d14b8;border:1px solid #5d7b9a4d;border-radius:14px;min-width:0;padding:16px;box-shadow:inset 0 1px #ffffff06}.help-config-preview .help-code-block{padding:14px 58px 14px 14px}.help-config-preview .help-code-line{overflow-wrap:anywhere;white-space:pre-wrap;width:auto;min-width:0}.help-config-title{min-height:28px;color:var(--text-soft);justify-content:space-between;align-items:center;gap:14px;margin-bottom:11px;display:flex}.help-config-title>span{align-items:center;gap:9px;min-width:0;display:inline-flex}.help-config-title svg{color:var(--help-accent)}.help-config-title strong{font-size:var(--font-secondary);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.help-config-title small{color:var(--muted);font-size:var(--font-xs);flex:none}.help-timeline{scroll-margin-top:calc(var(--site-header-height) + 12px);flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.help-steps-heading{scroll-margin-top:calc(var(--site-header-height) + 12px);justify-content:space-between;align-items:end;gap:20px;padding:15px 4px 2px;display:flex}.help-steps-heading h2{color:var(--text);font-size:var(--font-section-title);font-weight:var(--weight-bold);letter-spacing:-.035em;margin:0}.help-steps-heading p{max-width:760px;color:var(--muted);font-size:var(--font-secondary);margin:7px 0 0;line-height:1.45}.help-steps-heading>span{color:var(--help-accent);border:1px solid rgba(var(--help-accent-rgb), .34);background:rgba(var(--help-accent-rgb), .07);font-size:var(--font-xs);font-weight:var(--weight-semibold);border-radius:9px;flex:none;padding:6px 10px}.help-step{scroll-margin-top:calc(var(--site-header-height) + 12px);grid-template-columns:minmax(0,1fr);align-items:start;gap:0;display:grid;position:relative}.help-step-card{border-color:rgba(var(--step-accent-rgb), .2);min-width:0;box-shadow:inset 0 1px rgba(var(--step-accent-rgb), .055), 0 14px 40px #0000001a;padding:clamp(21px,2.5vw,24px)}.help-step-header{border-bottom:1px solid var(--border-soft);align-items:center;gap:14px;padding-bottom:17px;display:flex}.help-step-icon{border:1px solid rgba(var(--step-accent-rgb), .38);background:rgba(var(--step-accent-rgb), .1);width:44px;height:44px;color:var(--step-accent);border-radius:12px;flex:0 0 44px;place-items:center;display:grid}.help-step-header>div{min-width:0}.help-step-header>div>span{color:var(--step-accent);font-size:var(--font-xs);font-weight:var(--weight-heavy);letter-spacing:.09em;text-transform:uppercase;margin-bottom:3px;display:block}.help-step-header h2,.help-support-card h2{color:var(--text);font-size:var(--font-step-title);font-weight:var(--weight-bold);letter-spacing:-.025em;line-height:var(--leading-title);margin:0}.help-step-mobile-number{display:none}.help-step-content{flex-direction:column;gap:14px;min-width:0;padding-top:16px;display:flex}.help-step-content>p,.help-callout p,.help-substep p,.help-restart-grid p,.help-warning p,.help-support-card-content>p{color:var(--text-soft);font-size:var(--font-body);margin:0;line-height:1.55}.help-step-content>p{max-width:700px}.help-path{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}#step-5 .help-path{flex-wrap:nowrap}.help-path-part{align-items:center;gap:8px;min-width:0;display:inline-flex}.help-path-part>span{min-height:38px;color:var(--text-soft);font-size:var(--font-secondary);font-weight:var(--weight-medium);background:#0d161fc2;border:1px solid #2a3949;border-radius:10px;align-items:center;gap:8px;padding:0 13px;display:inline-flex}.help-path-part>span svg{color:var(--help-accent);flex:none}.help-path-arrow{color:var(--text-dim);flex:none}.help-config-path{gap:8px}.help-config-path>span{min-height:38px;color:var(--text-soft);font-size:var(--font-secondary);font-weight:var(--weight-medium);background:#0d161fc2;border:1px solid #2a3949;border-radius:10px;align-items:center;gap:8px;padding:0 13px;line-height:1;display:inline-flex}.help-config-path>b{height:38px;color:var(--text-dim);font-size:var(--font-compact-title);place-items:center;font-weight:500;line-height:1;display:grid}.help-config-path-icon{fill:currentColor;stroke:none;width:16px;height:16px;color:var(--help-accent);flex:0 0 16px;display:block}.help-config-external-icon{fill:none;stroke:currentColor;stroke-linecap:butt;stroke-linejoin:miter;stroke-width:1.45px;shape-rendering:geometricprecision;flex:0 0 11px;width:11px;height:11px;margin-left:-1px;display:block}.help-code-block,.help-copy-line{background:#060b11;border:1px solid #2a3847;border-radius:12px;min-width:0;position:relative;box-shadow:inset 0 1px #ffffff05}.help-code-block{padding:17px 58px 17px 18px}.help-code-block.is-compact{padding-block:14px}.help-code-block.is-success{border-color:rgba(var(--help-accent-rgb), .3);background:rgba(var(--help-accent-rgb), .065)}.help-code-block.is-warning{background:#0b141fb3;border-color:#729cd340;margin-top:12px}.help-code-block code{color:#dce8f6;min-width:0;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:var(--font-code);line-height:var(--leading-code);scrollbar-width:none;display:block;overflow:auto hidden}.help-code-block code::-webkit-scrollbar{display:none}.help-code-line{white-space:pre;width:max-content;min-width:100%;display:block}.help-code-key{color:#9cbbff}.help-code-operator{color:#778493}.help-code-value{color:#55ddb7}.help-inline-code{color:var(--help-accent-soft);white-space:nowrap;background:#131f2ccc;border:1px solid #5b81a840;border-radius:6px;padding:3px 7px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:.88em}.help-copy{cursor:pointer;width:34px;height:34px;min-height:34px;color:var(--text-soft);font-size:var(--font-xs);font-weight:var(--weight-medium);transition:color var(--button-hover-duration) var(--motion-hover-exit), border-color var(--button-hover-duration) var(--motion-hover-exit), background-color var(--button-hover-duration) var(--motion-hover-exit), transform .2s var(--motion-ease) 0s;background:#101923;border:1px solid #314151;border-radius:8px;justify-content:center;align-items:center;padding:0;line-height:0;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.help-copy-icon{opacity:0;transition:opacity .2s var(--motion-ease);place-items:center;display:grid;position:absolute;inset:0}.help-copy-icon svg{display:block}.help-copy-icon.is-copy{opacity:1}.help-copy.is-copied .help-copy-icon.is-copy{opacity:0}.help-copy.is-copied .help-copy-icon.is-check{opacity:1}.help-copy:active:not(:disabled){transform:translateY(calc(-50% + var(--press-device-pixel)))}.help-copy.is-copied{color:var(--help-accent-soft);border-color:rgba(var(--help-accent-rgb), .42);background:rgba(var(--help-accent-rgb), .1)}.help-copy-line{min-height:51px;padding:14px 58px 14px 16px}.help-copy-line code{color:var(--text-soft);font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:var(--font-code);line-height:var(--leading-code);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.help-callout,.help-warning,.help-note,.help-success,.help-restore-note{border:1px solid var(--border);background:#0b121ac7;border-radius:13px}.help-callout{flex-direction:column;gap:15px;padding:18px;display:flex}.help-callout-heading{align-items:flex-start;gap:13px;display:flex}.help-callout-heading>span{border:1px solid rgba(var(--help-accent-rgb), .28);background:rgba(var(--help-accent-rgb), .09);width:38px;height:38px;color:var(--help-accent);border-radius:10px;flex:0 0 38px;place-items:center;display:grid}.help-callout h3,.help-substep h3{color:var(--text);font-size:var(--font-label);font-weight:var(--weight-bold);margin:0 0 4px}.help-note,.help-success,.help-restore-note{align-items:center;gap:10px;padding:13px 15px;display:flex}.help-note{color:var(--help-accent);border-color:rgba(var(--help-accent-rgb), .25);background:rgba(var(--help-accent-rgb), .07)}.help-note svg,.help-success svg,.help-restore-note svg{flex:none}.help-note p{color:var(--text-soft);font-size:var(--font-secondary);margin:0;line-height:1.5}.help-warning{color:var(--help-accent);border-color:rgba(var(--help-accent-rgb), .24);background:rgba(var(--help-accent-rgb), .055);grid-template-columns:26px minmax(0,1fr);gap:12px;padding:16px;display:grid}.help-warning>svg{margin-top:1px}.help-warning strong{color:var(--text);font-size:var(--font-label);font-weight:var(--weight-bold);margin-bottom:3px;display:block}.help-warning p{font-size:var(--font-secondary)}.help-figure{width:min(100%, var(--help-screenshot-width));background:#070c128c;border:0;border-radius:10px;align-self:center;max-width:100%;margin:0 auto;padding:0;position:relative;overflow:hidden}.help-figure-inset{margin-top:1px}.help-figure-explorer{height:clamp(160px,25vw,240px);overflow:hidden}.help-figure-explorer img{object-position:top center}.help-figure-save-close{aspect-ratio:670/166;overflow:hidden}.help-figure.help-figure-save-close>img{width:min(var(--help-screenshot-width), 128.5%);object-fit:contain;object-position:left top;max-width:none;height:auto;max-height:none}.help-figure>img{object-fit:contain;width:100%;max-width:100%;height:auto;display:block}.help-substeps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.help-substep{border:1px solid rgba(var(--help-accent-rgb), .12);background:#0a1118b3;border-radius:13px;flex-direction:column;gap:14px;min-width:0;padding:15px;display:flex}.help-substep>div:first-child{align-items:flex-start;gap:11px;display:flex}.help-substep>div:first-child>span{border:1px solid rgba(var(--help-accent-rgb), .34);background:rgba(var(--help-accent-rgb), .09);width:30px;height:30px;color:var(--help-accent);font-size:var(--font-xs);font-weight:var(--weight-heavy);border-radius:9px;flex:0 0 30px;place-items:center;display:grid}.help-substep p{font-size:var(--font-secondary)}.help-substep .help-figure{width:min(100%, var(--help-screenshot-width));margin:0 auto}.help-substep .help-figure img{max-height:230px}.help-support-card{border-color:rgba(var(--help-accent-rgb), .2);background:var(--surface);padding:clamp(21px,2.5vw,24px)}.help-support-card-header{border-bottom:1px solid var(--border-soft);align-items:center;gap:14px;padding-bottom:17px;display:flex}.help-support-card-icon{width:44px;height:44px;color:var(--help-accent);border:1px solid rgba(var(--help-accent-rgb), .38);background:rgba(var(--help-accent-rgb), .1);border-radius:12px;flex:0 0 44px;place-items:center;display:grid}.help-support-card-header>div{min-width:0}.help-support-card-header>div>span{color:var(--help-accent);font-size:var(--font-xs);font-weight:var(--weight-heavy);letter-spacing:.09em;text-transform:uppercase;margin-bottom:3px;display:block}.help-support-card h2{color:var(--text);font-size:var(--font-step-title);font-weight:var(--weight-bold);letter-spacing:-.025em;line-height:var(--leading-title);margin:0}.help-support-card-content{flex-direction:column;gap:14px;min-width:0;padding-top:16px;display:flex}.help-support-card-content>p{color:var(--text-soft);font-size:var(--font-body);margin:0;line-height:1.55}.help-restart-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.help-restart-grid section{border:1px solid rgba(var(--help-accent-rgb), .12);background:#0a1118b8;border-radius:12px;grid-template-columns:38px minmax(0,1fr);align-content:start;gap:4px 11px;min-width:0;padding:16px;display:grid}.help-restart-grid section>span{border:1px solid rgba(var(--help-accent-rgb), .28);background:rgba(var(--help-accent-rgb), .09);width:38px;height:38px;color:var(--help-accent);font-size:var(--font-secondary);font-weight:var(--weight-heavy);border-radius:10px;grid-row:1/span 2;place-items:center;display:grid}.help-restart-grid strong{color:var(--text);font-size:var(--font-body);font-weight:var(--weight-bold);align-self:end;line-height:1.3}.help-restart-grid p{font-size:var(--font-secondary);line-height:1.5}.help-login-grid{grid-template-columns:repeat(2,minmax(0,352px));justify-content:center;gap:16px;display:grid}.help-success{color:var(--help-accent);border-color:rgba(var(--help-accent-rgb), .25);background:rgba(var(--help-accent-rgb), .07);text-align:center;justify-content:center}.help-success strong{color:var(--text-soft);font-size:var(--font-body);font-weight:var(--weight-medium)}.help-restore{scroll-margin-top:calc(var(--site-header-height) + 12px)}.help-restore-note{color:var(--muted);font-size:var(--font-secondary);line-height:1.5}@media (hover:hover){.help-copy:hover{color:#fff;transition-delay:var(--button-hover-delay);transition-timing-function:var(--motion-ease);background:#162331;border-color:#4b6682}.help-copy.is-copied:hover{color:var(--help-accent-soft);border-color:rgba(var(--help-accent-rgb), .42);background:rgba(var(--help-accent-rgb), .1)}}.help-copy.is-copied:focus,.help-copy.is-copied:focus-visible{color:var(--help-accent-soft);border-color:rgba(var(--help-accent-rgb), .42);background:rgba(var(--help-accent-rgb), .1)}@media (width<=980px){.help-hero{grid-template-columns:1fr}.help-config-preview{width:100%}.help-hero-heading p{white-space:normal}.help-quick{grid-template-columns:1fr}}@media (width<=760px){.help-app{--font-page-title:30px;--font-section-title:26px;--font-step-title:22px}.help-page{min-height:calc(100vh - var(--site-header-height));padding-top:12px}.help-substeps{grid-template-columns:1fr}.help-restart-grid{grid-template-columns:minmax(0,1fr)}.ide-provider-fields,.ide-provider-summary{grid-template-columns:1fr}.help-substep{display:flex}}@media (width>=621px){#step-5 .help-path,#step-5 .help-path-part{gap:6px}}@media (width<=620px){.help-app{--font-page-title:30px;--font-section-title:24px;--font-step-title:22px}.help-shell{gap:12px}.help-restart-grid section{grid-template-columns:42px minmax(0,1fr)}.help-hub-hero{border-radius:13px;padding:15px 16px 17px}.help-hub-heading{margin-bottom:12px}.help-hub-heading h1{white-space:nowrap;font-size:clamp(16px,5.25vw,26px)}.help-guide-tabs{grid-template-columns:1fr;gap:6px}.help-guide-tab{grid-template-columns:34px minmax(0,1fr);gap:8px;height:58px;padding:7px 9px}.help-guide-tab-icon{border-radius:9px;width:34px;height:34px}.help-guide-tab-icon>svg{width:23px;height:23px}.help-guide-tab.is-ide .help-guide-tab-icon>svg{width:24px;height:24px}.help-guide-tab small{display:block}.ide-provider-field{grid-template-columns:118px minmax(0,1fr)}.ide-provider-field dt{align-items:flex-start;padding-top:20px}.help-guide-content{gap:12px}.ide-model-id-grid{grid-template-columns:1fr;gap:0}.ide-model-id-group:first-child{border-radius:12px 12px 0 0}.ide-model-id-group:last-child{border-radius:0 0 12px 12px;margin-top:-1px}.help-hero{border-radius:13px;padding:15px 16px 17px}.help-hero-heading{grid-template-columns:42px minmax(0,1fr);gap:11px}.help-hero-mark{border-radius:11px;width:42px;height:42px}.help-hero h1{font-size:var(--font-page-title)}.help-hero-heading p{font-size:var(--font-body);margin-top:10px}.help-config-preview{padding:12px}.help-config-preview .help-code-block{padding:14px 56px 14px 12px}.help-step{grid-template-columns:minmax(0,1fr)}.help-step-card,.help-support-card{border-radius:13px;padding:18px 16px}.help-quick{padding:18px 16px}.help-provider-panel,.help-model-ids-panel{border-radius:13px;padding:18px 16px}.help-provider-key-note{align-items:start}.help-provider-key-note div{flex-direction:column;align-items:flex-start;gap:2px}.ide-compatibility-note{border-radius:13px;align-items:start;padding:13px 14px}.help-quick-actions{grid-template-columns:1fr}.help-step-header{gap:11px;padding-bottom:15px;padding-right:0}.help-support-card-header{gap:11px;padding-bottom:15px}.help-step-icon,.help-support-card-icon{flex-basis:40px;width:40px;height:40px}.help-step-header h2,.help-support-card h2{font-size:var(--font-step-title)}.help-step-content,.help-support-card-content{gap:13px;padding-top:15px}.help-step-content>p,.help-callout p,.help-support-card-content>p{font-size:var(--font-body)}.help-path{flex-direction:column;align-items:stretch}.help-path-part{flex-direction:column;align-items:stretch;gap:4px}.help-path-part>span{width:100%}.help-path-arrow{margin:0 auto;transform:rotate(90deg)}#step-5 .help-path{align-self:center;align-items:stretch;width:fit-content;max-width:100%}#step-5 .help-path-part{align-self:stretch;align-items:flex-start;max-width:100%}#step-5 .help-path-part>span{text-align:center;justify-content:center;width:100%;max-width:100%}#step-5 .help-path-arrow{align-self:center;margin:0}.help-config-path>span{width:100%}.help-config-path>b{height:18px;margin-inline:auto;transform:rotate(90deg)}.help-code-block{padding:14px 56px 14px 14px}.help-code-block.is-compact{padding-block:14px}.help-code-block code{font-size:var(--font-xs)}.help-copy-line{padding:14px 56px 14px 14px}.help-copy{top:50%;right:9px}.help-callout{padding:14px}.help-warning{grid-template-columns:22px minmax(0,1fr);padding:14px}.help-login-grid{grid-template-columns:minmax(0,280px)}.help-figure-login{width:min(100%,280px)}}@media (width<=560px){.ide-provider-field code{white-space:normal}.help-provider-header h2,.help-model-ids-header h2{font-size:18px;line-height:1.25}}@media (width<=460px){.help-code-block,.help-copy-line,.help-config-preview .help-code-block{padding-right:50px}}@media (prefers-reduced-motion:reduce){.help-copy,.help-copy-icon{transition:none;animation:none}}:root[data-theme=dark] :is(.help-app,.ide-help-app) .help-guide-tab{background-color:var(--control-bg)}:root[data-theme=dark] :is(.help-app,.ide-help-app) :is(.help-quick-actions>span,.help-path-part>span,.help-config-path>span),:root[data-theme=dark] :is(.help-app,.ide-help-app) .help-copy{border-color:var(--border);background:var(--control-bg)}:root[data-theme=dark] :is(.help-app,.ide-help-app) :is(.help-quick-copy>span,.help-provider-header>span,.help-model-ids-header>span,.help-step-icon,.help-callout-heading>span,.help-substep>div:first-child>span,.help-support-card-icon,.help-restart-grid section>span){border-color:rgba(var(--help-accent-rgb), .34);background:rgba(var(--help-accent-rgb), .1)}:root[data-theme=dark] :is(.help-app,.ide-help-app) .help-quick-actions b{background:rgba(var(--help-accent-rgb), .1)}@media (hover:hover){:root[data-theme=dark] :is(.help-app,.ide-help-app) .help-guide-tab:not(.is-active):hover,:root[data-theme=dark] :is(.help-app,.ide-help-app) .help-copy:not(.is-copied):hover{border-color:var(--border-hover);background-color:var(--surface-raised)}:root[data-theme=dark] :is(.help-app,.ide-help-app) .help-guide-tab:not(.is-active):hover .help-guide-tab-icon{background-color:var(--surface-soft)}}:root[data-theme=dark] :is(.help-app,.ide-help-app){--surface:#0a0c0feb;--surface-solid:#0b0d10;--surface-raised:#111418;--surface-soft:#14171cad;--control-bg:#0f1216b8;--input-bg:#0203047a;--card-bg:#0c0f12;--card-bg-soft:#0e1114b8;--card-bg-deep:#080a0cd1;--border:#2b3138;--border-soft:#9da7b226;--border-strong:#373f48;--border-hover:#4b5662}:root[data-theme=dark] :is(.help-app,.ide-help-app) :is(.help-hub-hero,.help-hero,.help-quick,.help-provider-panel,.help-model-ids-panel,.help-step-card,.help-support-card,.ide-compatibility-note){border-color:var(--border);background:var(--card-bg);box-shadow:inset 0 1px var(--inset-highlight), var(--shadow-section)}:root[data-theme=dark] :is(.help-app,.ide-help-app) :is(.help-guide-tab:not(.is-active),.help-quick-actions>span,.help-path-part>span,.help-config-path>span,.ide-provider-summary>div,.help-callout,.help-warning,.help-note,.help-success,.help-restore-note){border-color:var(--border);background:var(--control-bg);box-shadow:none}:root[data-theme=dark] :is(.help-app,.ide-help-app) :is(.help-substep,.help-restart-grid section){border-color:var(--border);background:var(--card-bg-soft)}:root[data-theme=dark] :is(.help-app,.ide-help-app) :is(.ide-provider-fields,.ide-model-id-group,.help-config-preview){border-color:var(--border);background:var(--card-bg-deep);box-shadow:inset 0 1px var(--inset-highlight)}:root[data-theme=dark] :is(.help-app,.ide-help-app) :is(.help-code-block:not(.is-success),.help-copy-line){border-color:var(--border);background:var(--input-bg);box-shadow:inset 0 1px var(--inset-highlight)}:root[data-theme=dark] :is(.help-app,.ide-help-app) .help-code-block.is-warning{border-color:var(--border);background:var(--input-bg)}:root[data-theme=dark] :is(.help-app,.ide-help-app) .help-inline-code{border-color:var(--border);background:var(--surface-raised)}:root[data-theme=dark] :is(.help-app,.ide-help-app) .help-figure{background:var(--card-bg-deep)}:root[data-theme=dark] :is(.help-app,.ide-help-app) .help-guide-tab:not(.is-active) .help-guide-tab-icon{border-color:var(--icon-neutral-border);background:var(--icon-neutral-bg)}:root[data-theme=light] .help-app{--help-accent:var(--brand-codex-accent);--help-accent-soft:color-mix(in srgb, var(--brand-codex-accent) 82%, var(--text));--help-accent-rgb:var(--brand-codex-rgb)}:root[data-theme=light] .ide-help-app{--help-accent:var(--brand-openai-accent);--help-accent-soft:var(--green-ink);--help-accent-rgb:var(--brand-openai-rgb)}:root[data-theme=light] .ide-help-app :is(.help-provider-panel,.help-model-ids-panel){border-color:var(--border);background:var(--surface-solid)}:root[data-theme=light] .ide-help-app :is(.help-provider-header,.help-model-ids-header)>span{color:var(--green-accent);border-color:var(--green-border);background:var(--green-surface-subtle)}:root[data-theme=light] .ide-help-app :is(.ide-provider-fields,.ide-model-id-group){border-color:var(--border-strong);background:var(--control-bg)}:root[data-theme=light] .help-guide-tab.is-codex{--guide-tab-color:var(--brand-codex-accent);--guide-tab-rgb:var(--brand-codex-rgb)}:root[data-theme=light] .help-guide-tab.is-ide{--guide-tab-color:var(--brand-openai-accent);--guide-tab-rgb:var(--brand-openai-rgb)}:root[data-theme=light] :is(.help-hub-hero,.help-hero,.help-quick,.help-provider-panel,.help-model-ids-panel,.help-step-card,.help-support-card,.help-troubleshooting,.help-restore,.ide-compatibility-note){border-color:var(--border);background:var(--surface-solid);box-shadow:none}:root[data-theme=light] :is(.help-app,.ide-help-app) :is(.help-hero-mark,.help-quick-copy>span,.help-provider-header>span,.help-model-ids-header>span,.help-step-icon,.help-callout-heading>span,.help-substep>div:first-child>span,.help-support-card-icon,.help-restart-grid section>span){border-color:rgba(var(--help-accent-rgb), .28);background:rgba(var(--help-accent-rgb), .075);box-shadow:none}:root[data-theme=light] :is(.help-app,.ide-help-app) .help-quick-actions b{background:rgba(var(--help-accent-rgb), .075)}:root[data-theme=light] :is(.help-guide-tab,.help-quick-actions>span,.ide-provider-summary>div,.help-path-part>span,.help-config-path>span,.help-callout,.help-warning,.help-note,.help-success,.help-restore-note,.help-substep,.help-restart-grid section){border-color:var(--border);background:var(--card-bg-soft);box-shadow:none}:root[data-theme=light] .help-guide-tab.is-active{color:var(--guide-tab-color);border-color:rgba(var(--guide-tab-rgb), .38);background-color:rgba(var(--guide-tab-rgb), .075);box-shadow:none}:root[data-theme=light] .help-guide-tab.is-active .help-guide-tab-icon{color:var(--brand-icon-ink);border-color:rgba(var(--guide-tab-rgb), .42);background-color:rgba(var(--guide-tab-rgb), .12);box-shadow:none}:root[data-theme=light] .help-guide-tab.is-active.is-ide{border-color:rgba(var(--guide-tab-rgb), .38);background-color:rgba(var(--guide-tab-rgb), .075)}:root[data-theme=light] .help-guide-tab.is-active.is-ide .help-guide-tab-icon{border-color:rgba(var(--guide-tab-rgb), .42);background-color:rgba(var(--guide-tab-rgb), .12)}@media (hover:hover){:root[data-theme=light] .help-guide-tab:not(.is-active):hover{color:var(--text);border-color:rgba(var(--guide-tab-rgb), .34);background-color:rgba(var(--guide-tab-rgb), .035);box-shadow:none;transition-delay:var(--card-hover-delay);transition-timing-function:var(--motion-ease)}:root[data-theme=light] .help-guide-tab:not(.is-active):hover .help-guide-tab-icon{border-color:rgba(var(--guide-tab-rgb), .28);background-color:rgba(var(--guide-tab-rgb), .055)}}:root[data-theme=light] .help-guide-tab-icon{border-color:var(--icon-neutral-border);background:var(--icon-neutral-bg)}:root[data-theme=light] .help-config-preview{border-color:var(--border);background:var(--card-bg-soft);box-shadow:none}:root[data-theme=light] .help-inline-code{color:var(--help-accent);border-color:var(--border);background:var(--surface-soft)}:root[data-theme=light] .help-copy{color:var(--text-soft);border-color:var(--border-strong);background:var(--icon-neutral-bg);box-shadow:none}:root[data-theme=light] .ide-help-inline-link:hover{color:var(--help-accent)}:root[data-theme=light] .ide-help-app .ide-help-inline-link:hover{color:var(--green-ink)}:root[data-theme=light] .help-figure{background:0 0}:root[data-theme=light] :is(.help-code-block,.help-copy-line),:root[data-theme=light] :is(.ide-provider-fields,.ide-model-id-group){border-color:var(--border-strong);background:var(--control-bg);box-shadow:none}:root[data-theme=light] .help-code-block.is-success{border-color:rgba(var(--help-accent-rgb), .28);background:color-mix(in srgb, var(--help-accent), var(--card-bg) 95%)}:root[data-theme=light] .help-code-block.is-warning{border-color:var(--border-strong);background:var(--surface-soft)}:root[data-theme=light] .help-code-block code,:root[data-theme=light] .help-copy-line code{color:var(--text-soft);font-weight:var(--weight-medium)}:root[data-theme=light] .help-code-key{color:var(--accent-text)}:root[data-theme=light] .help-code-operator{color:var(--muted)}:root[data-theme=light] .help-code-value{color:var(--syntax-value)}:root[data-theme=light] .ide-help-app :is(.ide-provider-field code,.ide-model-id>code),:root[data-theme=light] .ide-help-app :is(.help-quick-actions b,.help-steps-heading>span,.help-substep>div:first-child>span,.help-support-card-header>div>span,.help-restart-grid section>span,.help-inline-code,.ide-help-inline-link){color:var(--green-ink)}:root[data-theme=light] .help-copy.is-copied,:root[data-theme=light] .help-copy.is-copied:focus,:root[data-theme=light] .help-copy.is-copied:focus-visible{color:var(--help-accent);border-color:rgba(var(--help-accent-rgb), .36);background:rgba(var(--help-accent-rgb), .08)}:root[data-theme=light] .ide-help-app .help-copy.is-copied,:root[data-theme=light] .ide-help-app .help-copy.is-copied:focus,:root[data-theme=light] .ide-help-app .help-copy.is-copied:focus-visible{color:var(--help-accent)}@media (hover:hover){:root[data-theme=light] .help-copy:not(.is-copied):hover{color:var(--text);border-color:var(--border-hover);background:var(--header-control-hover-bg)}:root[data-theme=light] .help-copy.is-copied:hover{color:var(--help-accent);border-color:rgba(var(--help-accent-rgb), .42);background:rgba(var(--help-accent-rgb), .1)}:root[data-theme=light] .ide-help-app .help-copy.is-copied:hover{color:var(--help-accent)}}.key-stats-app{min-height:100vh;color:var(--text);background:0 0}:root[data-theme=dark] :is(.key-stats-app,.stats-section){--surface:#0a0c0feb;--surface-solid:#0b0d10;--surface-raised:#111418;--surface-soft:#14171cad;--control-bg:#0f1216b8;--input-bg:#0203047a;--card-bg:#0c0f12e0;--card-bg-soft:#0e1114b8;--card-bg-deep:#080a0cd1;--overlay-bg:#000000c7;--border:#2b3138;--border-soft:#9da7b226;--border-strong:#373f48;--border-hover:#4b5662;--chart-grid:#9da7b21f;--chart-grid-soft:#9da7b20d}:root[data-theme=dark] .key-stats-app .site-header{background:#050607f0}:root[data-theme=dark] .key-stats-app .key-balance-track{background:#9da7b229}.key-stats-page{padding:11px 0 13px}.key-stats-shell{width:min(calc(100% - var(--page-inline-gutter)), 900px)}.stats-surface{border:1px solid var(--border);background:var(--card-bg);box-shadow:inset 0 1px var(--inset-highlight)}.key-status-badge{height:26px;font-size:var(--font-xs);font-weight:var(--weight-bold);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:0 10px;line-height:1;display:inline-flex}.key-status-badge.active{color:var(--stats-cost-icon-color);border-color:var(--stats-cost-icon-border);background:var(--stats-cost-icon-bg)}:root[data-theme=light] .key-status-badge.disabled{color:#475467;background:#f8fafc;border-color:#d0d5dd}:root[data-theme=light] .key-status-badge.expired{color:#d92d20;background:#fff4f2;border-color:#fecdca}.key-status-badge.disabled{color:var(--muted);border-color:var(--border);background:var(--surface-soft)}.key-status-badge.expired{color:var(--status-error-accent);border-color:var(--status-error-border);background:var(--status-error-bg)}.key-stats-content{gap:14px;display:grid}.key-stats-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(5px,2.4vw - 1px,14px);display:grid;container:stats-metrics-grid/inline-size}.key-stats-metrics .stat-card{min-height:88px;transition:border-color var(--motion-base) var(--motion-ease), box-shadow var(--motion-base) var(--motion-ease);border-radius:13px;gap:10px;padding:12px;position:relative;container-name:stats-metric-card}.key-stats-metrics .stat-card>div{z-index:1;transform:translateY(var(--metric-content-shift,0px));position:relative}.key-stats-metrics .stat-icon{opacity:1;border-width:1px;border-radius:10px;width:42px;height:42px;margin-right:0;transition:none;overflow:hidden}.key-stats-metrics .stat-icon svg{stroke-width:1.9px;width:23px;height:23px}.key-stats-metrics .stat-label{font-size:var(--font-secondary)}.key-stats-metrics .stat-card strong{max-width:100%;font-size:var(--metric-value-size,24px)}@media (width<=720px){.key-stats-metrics .stat-card{min-height:calc(59px + var(--metric-value-size,24px));gap:0}.key-stats-metrics .stat-card>div{align-items:stretch;transform:none}.key-stats-metrics .stat-icon{z-index:2;border-radius:6px;width:22px;height:22px;position:absolute;top:8px;right:8px}.key-stats-metrics .stat-icon svg{width:13px;height:13px}.key-stats-metrics .stat-label{font-size:clamp(12px, 2.3vw, var(--font-secondary));padding-right:clamp(26px,5.2vw,34px)}}@container stats-metrics-grid (width<=440px){.key-stats-metrics .stat-card{--metric-card-padding:clamp(8px, calc(2.02cqw + 3.11px), 12px);--metric-value-min-size:9.5px;min-height:56px;padding:var(--metric-card-padding);align-items:stretch}.key-stats-metrics .stat-card>div{justify-content:center;gap:3px;padding-top:0}.key-stats-metrics .stat-label{padding-right:0;font-size:clamp(8.7px,16.4cqw + 2.63px,12px);line-height:1.15}.key-stats-metrics .stat-card strong{letter-spacing:-.07em}.key-stats-metrics .stat-icon{display:none}}.key-live-chart{background:var(--card-bg);background-clip:padding-box;border-radius:14px;padding:18px 18px 7px;overflow:hidden;container:usage-chart/inline-size}.key-live-chart .chart-head{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:0;padding-bottom:13px;position:relative}.key-live-chart .chart-title-block{white-space:nowrap;flex:none;align-items:flex-start;gap:12px}.key-live-chart .chart-title-block>svg{width:22px;height:22px;margin-top:0}.key-live-chart .chart-title-heading{font-size:var(--font-compact-title);font-weight:var(--weight-bold);letter-spacing:-.02em;line-height:var(--leading-title);margin:0 0 5px}.key-live-chart .chart-controls{flex-wrap:nowrap;justify-content:flex-end;gap:14px;width:auto;min-width:0;margin-top:0;margin-left:auto}.key-live-chart .chart-legend{flex-wrap:nowrap;gap:13px}.key-live-chart .chart-legend span{font-size:var(--font-chart);white-space:nowrap;gap:6px}.key-live-chart .legend-dot{width:8px;height:8px}.key-live-chart .cumulative-control{min-height:24px;font-size:var(--font-chart);white-space:nowrap;border-radius:6px;gap:9px;padding:3px 7px 3px 10px}.key-live-chart .cumulative-control>span{opacity:1;max-width:72px;transition:max-width var(--motion-base) var(--motion-ease), opacity var(--motion-base) var(--motion-ease);overflow:hidden}.key-live-chart .cumulative-toggle{width:30px;height:14px}.key-live-chart .cumulative-toggle>span{width:15px;height:15px}.key-live-chart .cumulative-toggle.active>span{transform:translate(15px,-50%)}@media (width>=501px){.key-live-chart .cumulative-toggle{top:.4px}}.key-chart-empty{height:330px;color:var(--muted);font-size:var(--font-body);justify-content:center;align-items:center;gap:10px;display:flex}.key-stats-details-grid{border-radius:14px;grid-template-columns:minmax(0,1fr) 250px;align-items:stretch;gap:18px;width:100%;padding:16px 18px;display:grid}.key-details-card,.key-model-prices{min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.key-details-card{--detail-font-size:var(--font-secondary);--detail-value-font-size:var(--font-secondary)}.key-model-prices{border-left:1px solid var(--border-soft);grid-template-rows:auto minmax(0,1fr);padding-left:18px;display:grid}.key-model-prices .key-stats-card-heading{padding-inline:8px}.key-stats-card-heading{justify-content:space-between;align-items:center;gap:14px;min-height:28px;margin-bottom:9px;display:flex}.key-stats-card-heading>div{align-items:center;gap:9px;min-width:0;display:flex}.key-stats-card-heading svg{color:var(--stats-icon-color)}.key-stats-card-heading h2{font-size:var(--font-compact-title);letter-spacing:-.02em;line-height:var(--leading-title);white-space:nowrap;flex:none;margin:0}.key-details-list{margin:0}.key-details-list>div{border-top:1px solid var(--border-soft);grid-template-columns:clamp(104px,17vw,136px) minmax(0,1fr);align-items:center;gap:16px;min-height:40px;padding:5px 0;display:grid}.key-details-list dt{color:var(--muted);font-size:var(--detail-font-size);line-height:var(--leading-ui);white-space:nowrap;align-items:center;gap:8px;display:flex}.key-details-list dt svg{width:16px;height:16px;color:var(--muted);flex:0 0 16px}.key-details-list dd{overflow-wrap:normal;min-width:0;color:var(--text);text-align:right;font-size:var(--detail-value-font-size);font-weight:var(--weight-medium);line-height:var(--leading-ui);white-space:nowrap;justify-content:flex-end;align-items:center;margin:0;display:flex;overflow:visible}.key-details-list .key-value{justify-content:flex-end;align-items:center;gap:8px;min-width:0;font-family:inherit;display:flex;container-type:inline-size}.key-details-list .key-id-row,.key-details-list .key-usage-row{grid-template-columns:max-content minmax(0,1fr);gap:20px}.key-copy-control{cursor:pointer;min-width:0;max-width:100%;color:inherit;font:inherit;text-align:right;background:0 0;border:0;border-radius:7px;justify-content:flex-end;align-items:center;gap:8px;padding:0;display:flex}.key-copy-text{overflow-wrap:normal;min-width:0;color:var(--text);font-size:inherit;letter-spacing:-.045em;text-overflow:clip;-webkit-user-select:text;user-select:text;scrollbar-width:none;white-space:nowrap;flex:auto;overflow:auto hidden}.key-copy-text::-webkit-scrollbar{display:none}.key-details-list .key-usage-value::-webkit-scrollbar{display:none}.key-details-list .key-usage-value{color:var(--text);font-size:var(--detail-value-font-size);font-variant-numeric:tabular-nums;line-height:var(--leading-ui);white-space:nowrap;justify-content:safe flex-end;align-items:center;gap:0;display:flex;overflow:auto hidden}.key-usage-value span{font-size:inherit;line-height:inherit;align-items:center;display:inline-flex}.key-usage-value span+span:before{border-left:1px solid var(--border-strong);content:"";background:0 0;flex:0 0 0;width:0;height:13px;margin:0 .5em}.stats-copy-button{cursor:pointer;width:28px;height:28px;color:var(--text-soft);border:1px solid var(--border-soft);background:var(--control-bg);transition:color var(--button-hover-duration) var(--motion-hover-exit), border-color var(--button-hover-duration) var(--motion-hover-exit), background-color var(--button-hover-duration) var(--motion-hover-exit);transition-delay:var(--motion-delay-none);border-radius:7px;flex:0 0 28px;place-items:center;padding:0;line-height:0;display:inline-grid}.key-copy-control .stats-copy-button{pointer-events:none}.stats-copy-icon{place-items:center;display:grid}.stats-copy-icon svg{width:14px;height:14px;transition:opacity .15s var(--motion-ease), transform .15s var(--motion-ease);grid-area:1/1}.stats-copy-icon svg:last-child,.stats-copy-button.is-copied .stats-copy-icon svg:first-child{opacity:0;transform:scale(.72)}.stats-copy-button.is-copied .stats-copy-icon svg:last-child{opacity:1;transform:scale(1)}.key-balance-card{border-top:1px solid var(--border-soft);margin-top:0;padding-top:11px;container-type:inline-size}.key-balance-line{min-height:19px;color:var(--muted);font-size:var(--detail-font-size);line-height:var(--leading-ui);justify-content:space-between;align-items:center;gap:clamp(8px,3vw,16px);display:flex}.key-balance-label{white-space:nowrap;align-items:center;gap:8px;min-width:0;display:inline-flex}.key-balance-label svg{width:16px;height:16px;color:var(--muted);flex:0 0 16px}.key-balance-line strong{color:var(--text);font-size:var(--detail-value-font-size);font-variant-numeric:tabular-nums;flex:none}.key-balance-track{background:#5b708933;border-radius:999px;height:6px;margin-top:8px;overflow:hidden}.key-balance-track span{border-radius:inherit;height:100%;transition:width .24s var(--motion-ease), background-color .2s var(--motion-ease);display:block}.key-balance-track.normal span{background:var(--chart-token)}.key-balance-track.warning span{background:#f59e0b}.key-balance-track.critical span{background:#f04438}.key-model-price-list{border-top:1px solid var(--border-soft);grid-template-rows:repeat(6,minmax(32px,1fr));grid-template-columns:1fr;gap:0;height:100%;display:grid}.key-model-price-list>div{border-bottom:1px solid var(--border-soft);background:0 0;justify-content:space-between;align-items:center;gap:14px;min-height:32px;padding:0 8px;font-size:13px;display:flex}.key-model-price-list>div:last-child{border-bottom:0}.key-model-price-list span{min-width:0;color:var(--text-soft);text-overflow:clip;white-space:nowrap;flex:auto;overflow:visible}.key-model-price-list strong{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}.key-topup-card{border-radius:14px;grid-template-columns:minmax(260px,1fr) auto;align-items:center;gap:20px;width:100%;margin-inline:auto;padding:18px;display:grid}.key-topup-copy{align-items:center;gap:10px;min-width:0;display:flex}.key-topup-symbol{width:44px;height:44px;color:var(--stats-icon-color);border:1px solid var(--stats-icon-border);background:var(--stats-icon-bg);border-radius:12px;flex:0 0 44px;padding:9px}.key-topup-copy h2{font-size:var(--font-compact-title);letter-spacing:-.02em;line-height:var(--leading-title);margin:0}.key-topup-copy p{color:var(--muted);font-size:var(--font-secondary);line-height:var(--leading-ui);margin:3px 0 0}.key-topup-actions{min-width:0;display:block}.key-topup-card form{grid-template-columns:242px 112px 112px;align-items:center;gap:8px;display:grid}.key-topup-input-frame{width:242px;min-width:0}.key-topup-input-frame .api-input{font-size:var(--font-secondary)}.key-topup-submit,.key-topup-buy-slot,.key-topup-buy{width:112px;min-width:112px}.key-topup-buy-slot{height:46px;display:block}.key-topup-submit,.key-topup-buy{white-space:nowrap;height:46px;padding-inline:10px}.topup-purchase-overlay{z-index:1300;pointer-events:none;background:var(--overlay-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .2s var(--motion-ease);place-items:center;padding:12px;display:grid;position:fixed;inset:0}.topup-purchase-overlay.is-visible{pointer-events:auto;opacity:1}.topup-purchase-dialog{--purchase-dialog-padding:20px;--purchase-option-press-space:calc(var(--press-device-pixel) + 1px);width:min(100%,600px);max-height:calc(100dvh - 24px);padding:var(--purchase-dialog-padding);padding-bottom:calc(var(--purchase-dialog-padding) - var(--purchase-option-press-space));color:var(--text);border:1px solid var(--border-strong);background:var(--surface-solid);box-shadow:inset 0 1px var(--inset-highlight), var(--shadow-float);opacity:0;transition:opacity .2s var(--motion-ease), transform .2s var(--motion-ease);border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden;transform:translateY(8px)scale(.985)}.topup-purchase-dialog:focus{outline:none}.topup-purchase-overlay.is-visible .topup-purchase-dialog{opacity:1;transform:translateY(0)scale(1)}.topup-purchase-header{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;padding-right:30px;display:grid}.topup-purchase-icon{width:44px;height:44px;color:var(--stats-icon-color);border:1px solid var(--stats-icon-border);background:var(--stats-icon-bg);border-radius:12px;place-items:center;display:grid}.topup-purchase-icon svg{width:24px;height:24px}.topup-purchase-header h2{font-size:var(--font-compact-title);font-weight:var(--weight-bold);letter-spacing:-.02em;line-height:var(--leading-title);margin:0}.topup-purchase-header p{color:var(--muted);font-size:var(--font-secondary);line-height:var(--leading-ui);margin:4px 0 0}.topup-purchase-close{z-index:1;cursor:pointer;width:34px;height:34px;color:var(--muted);background:color-mix(in srgb, var(--header-control-bg), transparent 58%);box-shadow:none;transition-property:color,background-color,opacity,transform;transition-duration:var(--button-hover-duration);transition-delay:var(--motion-delay-none);transition-timing-function:var(--motion-hover-exit);border:0;border-radius:9px;place-items:center;padding:0;display:grid;position:absolute;top:8px;right:8px}.topup-purchase-close svg{stroke-width:1.9px;width:18px;height:18px}.topup-purchase-close:active{transform:translateY(var(--press-device-pixel));transition-delay:var(--motion-delay-none);transition-timing-function:var(--motion-ease)}.topup-purchase-body{overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;min-height:0;overflow:hidden auto}.topup-purchase-body::-webkit-scrollbar{width:0;height:0;display:none}.topup-purchase-options{padding-bottom:var(--purchase-option-press-space);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.topup-purchase-options.is-single{grid-template-columns:1fr}.purchase-choice-options{gap:12px}.purchase-choice-option{appearance:none;cursor:pointer;min-width:0;min-height:116px;color:var(--text);border:1px solid var(--border);background:var(--card-bg);box-shadow:inset 0 1px var(--inset-highlight);font:inherit;text-align:left;transition:color var(--button-hover-duration) var(--motion-hover-exit), border-color var(--button-hover-duration) var(--motion-hover-exit), background-color var(--button-hover-duration) var(--motion-hover-exit), box-shadow var(--button-hover-duration) var(--motion-hover-exit), transform var(--button-hover-duration) var(--motion-hover-exit);border-radius:13px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:14px;padding:16px;text-decoration:none;display:grid;position:relative}.purchase-choice-option-icon{width:44px;height:44px;color:var(--stats-icon-color);border:1px solid var(--stats-icon-border);background:var(--stats-icon-bg);box-shadow:inset 0 1px var(--inset-highlight);border-radius:11px;flex:none;place-items:center;display:grid}.purchase-choice-option-icon svg{width:22px;height:22px}.purchase-choice-option.is-topup .purchase-choice-option-icon>svg{width:24px;height:24px}.purchase-choice-option-copy{min-width:0;display:block}.purchase-choice-option-title{min-width:0;font-size:20px;font-weight:var(--weight-bold);letter-spacing:-.02em;white-space:nowrap;line-height:1.2;display:block}.purchase-choice-option-hint{color:var(--muted);font-size:14px;font-weight:var(--weight-regular);white-space:nowrap;margin-top:4px;line-height:1.25;display:block}.purchase-choice-option:active,.topup-purchase-option:active{transform:translateY(var(--press-device-pixel));transition-delay:var(--motion-delay-none);transition-timing-function:var(--motion-ease)}.topup-purchase-option{min-width:0;color:var(--text-soft);border:1px solid var(--border);background:var(--card-bg);box-shadow:inset 0 1px var(--inset-highlight);transition:color var(--button-hover-duration) var(--motion-hover-exit), border-color var(--button-hover-duration) var(--motion-hover-exit), background-color var(--button-hover-duration) var(--motion-hover-exit), box-shadow var(--button-hover-duration) var(--motion-hover-exit), transform var(--button-hover-duration) var(--motion-hover-exit);border-radius:13px;flex-direction:column;padding:16px 16px 0;text-decoration:none;display:flex;position:relative}.topup-purchase-option-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.topup-purchase-price{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.topup-purchase-option-head>strong{color:var(--text);font-size:var(--font-metric);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;letter-spacing:-.025em;line-height:1}.topup-purchase-rate{min-height:38px;color:var(--muted);border:1px solid var(--border-soft);font-size:var(--font-sm);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;white-space:nowrap;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:0 14px;line-height:1;display:inline-flex;position:relative;top:-6px;right:-6px}.topup-purchase-rate.is-best{color:#4c91e6;background:#1674ff12;border-color:#1674ff52;font-weight:720}:root[data-theme=dark] .topup-purchase-rate{color:var(--icon-neutral-ink);border-color:var(--icon-neutral-border);background:var(--icon-neutral-bg)}:root[data-theme=dark] .topup-purchase-rate.is-best{color:var(--blue);border-color:color-mix(in srgb, var(--border-strong) 84%, var(--blue) 16%);background:color-mix(in srgb, var(--surface-raised) 97%, var(--blue) 3%);box-shadow:none}:root[data-theme=light] .topup-purchase-rate.is-best{color:var(--stats-icon-color);border-color:var(--stats-icon-border);background:var(--stats-icon-bg);box-shadow:none}.topup-purchase-price{border-top:1px solid var(--border-soft);min-height:52px;margin-top:8px;padding-top:0}.topup-purchase-price small{color:var(--text-soft);font-size:var(--font-body);line-height:var(--leading-ui)}.topup-purchase-price strong{color:var(--text);font-size:var(--font-metric);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;letter-spacing:-.025em}@media (hover:hover){.topup-purchase-close:hover{color:var(--text-soft);background:color-mix(in srgb, var(--header-control-hover-bg), transparent 38%);transition-delay:var(--button-hover-delay), var(--button-hover-delay), var(--motion-delay-none), var(--motion-delay-none);transition-timing-function:ease}.topup-purchase-dialog:not(.is-topup-hover-guarded) .topup-purchase-option:hover{color:var(--text);border-color:var(--border-hover);background:var(--surface-raised);box-shadow:inset 0 1px var(--inset-highlight), 0 10px 26px #00000014;transition-delay:var(--button-hover-delay);transition-timing-function:var(--motion-ease)}.purchase-choice-option:hover{border-color:var(--border-hover);background-color:var(--surface-raised);box-shadow:inset 0 1px var(--inset-highlight), 0 10px 26px #00000014;transition-delay:var(--button-hover-delay);transition-timing-function:var(--motion-ease)}:root[data-theme=light] .topup-purchase-dialog:not(.is-topup-hover-guarded) .topup-purchase-option:hover,:root[data-theme=light] .purchase-choice-option:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--blue), transparent 94%)}}.topup-purchase-close:focus-visible,.topup-purchase-option:focus-visible,.purchase-choice-option:focus-visible{outline:none}.topup-purchase-close:focus-visible{color:var(--text-soft);box-shadow:0 0 0 3px color-mix(in srgb, var(--blue-bright), transparent 64%)}.topup-purchase-option:focus-visible,.purchase-choice-option:focus-visible{border-color:var(--blue-bright);box-shadow:inset 0 1px var(--inset-highlight), 0 0 0 3px color-mix(in srgb, var(--blue-bright), transparent 68%)}.key-toast-viewport{z-index:1200;pointer-events:none;flex-direction:column;gap:14px;width:min(356px,100vw - 48px);display:flex;position:fixed;bottom:24px;right:24px}.key-toast-slot{pointer-events:none;will-change:transform;flex:none;width:100%}.key-toast{--toast-accent:var(--status-success-accent);--toast-border:var(--status-success-border);--toast-bg:var(--status-success-bg);min-height:58px;color:var(--text);border:1px solid var(--toast-border);background:var(--toast-bg);box-shadow:var(--shadow-float), inset 0 1px var(--inset-highlight);pointer-events:auto;will-change:opacity, transform;animation:key-toast-enter .22s var(--motion-ease) both;border-radius:12px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:11px;padding:11px 14px 11px 12px;display:grid;position:relative;overflow:hidden}.key-toast.is-exiting{pointer-events:none;animation:key-toast-exit .2s var(--motion-hover-exit) forwards}.key-toast:before{background:var(--toast-accent);content:"";border-radius:0 2px 2px 0;width:2px;position:absolute;inset:9px auto 9px 0}.key-toast.is-error{--toast-accent:var(--status-error-accent);--toast-border:var(--status-error-border);--toast-bg:var(--status-error-bg)}.key-toast-icon{width:34px;height:34px;color:var(--toast-accent);border:1px solid color-mix(in srgb, var(--toast-accent) 32%, transparent);background:color-mix(in srgb, var(--toast-accent) 11%, transparent);border-radius:10px;place-items:center;display:grid}.key-toast-icon svg{stroke-width:2px;width:18px;height:18px}.key-toast-message{min-width:0;font-size:var(--font-secondary);font-weight:var(--weight-semibold);overflow-wrap:anywhere;line-height:1.4}@keyframes key-toast-enter{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes key-toast-exit{0%{opacity:1;transform:translate(0,0)scale(1)}to{opacity:0;transform:translateY(-12px)scale(.985)}}.key-stats-state{min-height:380px;color:var(--muted);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.key-stats-state h2,.key-stats-state p{margin:0}.key-stats-state h2{color:var(--text);font-size:var(--font-card-title)}.key-stats-state.is-error>svg{color:var(--status-error-accent)}.key-stats-state .btn{margin-top:8px}.spin{animation:.8s linear infinite key-stats-spin}@keyframes key-stats-spin{to{transform:rotate(360deg)}}@media (hover:hover){.key-copy-control:hover .stats-copy-button{color:var(--text);border-color:var(--border-hover);background:var(--surface-raised);transition-delay:var(--button-hover-delay);transition-timing-function:var(--motion-ease)}}.key-topup-input-frame.has-error:after{border-color:var(--status-error-accent);opacity:1}.key-topup-input-frame.is-error-fading:after{border-color:var(--status-error-accent);opacity:0}.key-stats-app .site-header .header-inner{--statistics-header-action-gap:7px;width:min(calc(100% - var(--page-inline-gutter)), 1180px);grid-template-columns:auto minmax(0,1fr) auto;column-gap:3.5px;transition:none}.key-stats-app .site-header .header-leading{grid-column:1;justify-self:start;min-width:0}.key-stats-app .site-header.has-no-navigation .brand{--statistics-brand-expanded-gap:9px;gap:var(--statistics-brand-expanded-gap)}.key-stats-app .site-header .header-actions{gap:var(--statistics-header-action-gap);grid-column:3;justify-self:end;transition:none}.key-stats-app .site-header.has-no-navigation .brand>.brand-label{white-space:nowrap;transition:none;display:inline-block}.key-stats-app .site-header .header-refresh{--header-refresh-expanded-width:112px;--header-refresh-compact-width:var(--header-control-height);width:var(--header-refresh-expanded-width);min-width:var(--header-refresh-expanded-width)}.key-stats-app .site-header .header-refresh-label{display:inline}.key-stats-app .site-header.is-refresh-compact .header-refresh{width:var(--header-refresh-compact-width);min-width:var(--header-refresh-compact-width);padding-inline:0}.key-stats-app .site-header.is-refresh-compact .header-refresh-label{display:none}.key-stats-app .site-header.is-brand-compact .brand{gap:0}.key-stats-app .site-header.has-no-navigation.is-brand-compact .brand>.brand-label{opacity:0;width:0;max-width:0;overflow:hidden}.key-stats-app .site-header :is(.header-refresh,.header-buy){transition-property:color,border-color,box-shadow,background-color,opacity,transform}.key-stats-app .site-header.has-no-navigation .header-actions>.language-switch:not(.mobile){display:flex}.key-stats-app .site-header.has-no-navigation .header-actions>.theme-toggle:not(.mobile){display:grid}@media (width<=930px){.key-stats-details-grid{box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:1fr;gap:14px;padding:0}.key-details-card,.key-model-prices{border:1px solid var(--border);background:var(--card-bg);box-shadow:inset 0 1px var(--inset-highlight);border-radius:14px;padding:16px 18px}.key-topup-card{grid-template-columns:1fr}.key-topup-actions{width:100%}.key-topup-card form{grid-template-columns:minmax(0,1fr) 112px 112px}.key-topup-input-frame{width:100%}}@media (width<=720px){.key-live-chart{padding:18px 12px 7px}}@media (width<=700px){.key-details-list .key-id-row{gap:8px}.key-details-list .key-usage-row{gap:4px}}@media (width<=620px){.topup-purchase-dialog{--purchase-dialog-padding:16px;border-radius:14px}.topup-purchase-header{grid-template-columns:42px minmax(0,1fr)}.topup-purchase-icon{width:42px;height:42px}.topup-purchase-options{grid-template-columns:1fr}.purchase-choice-option{grid-template-columns:42px minmax(0,1fr);gap:12px;min-height:116px;padding:14px}.purchase-choice-option-icon{width:42px;height:42px}.purchase-choice-option-icon svg{width:22px;height:22px}.purchase-choice-option-title{font-size:18px}.key-details-card{--detail-font-size:clamp(10px, calc(1.333vw + 5.735px), 14px);--detail-value-font-size:clamp(10px, calc(1.333vw + 5.735px), 14px)}.key-details-list dt,.key-balance-label{gap:0}.key-details-list dt svg,.key-balance-label svg,.key-details-list .key-value .stats-copy-button{display:none}.key-stats-metrics .stat-card{text-align:left;justify-content:flex-start}.key-stats-metrics .stat-card>div{align-items:stretch;gap:4px}.key-live-chart .chart-head{align-items:flex-start;padding:0 0 13px}.key-live-chart .chart-title-block{align-items:flex-start}.key-live-chart .chart-controls{padding-top:1px}.key-details-card,.key-model-prices{padding:16px}.key-model-price-list{grid-template-columns:1fr}.key-details-list>div{grid-template-columns:clamp(104px,17vw,136px) minmax(0,1fr);gap:clamp(10px,2.5vw,16px)}.key-topup-card{padding:16px}.key-topup-card form{grid-template-columns:repeat(2,minmax(0,1fr))}.key-topup-input-frame{grid-column:1/-1}.key-topup-submit,.key-topup-buy-slot,.key-topup-buy{width:100%;min-width:0}.key-toast-viewport{width:calc(100vw - 32px);bottom:16px;right:16px}}@media (width<=514px){.key-live-chart .chart-head{gap:8px}.key-live-chart .chart-title-block{gap:7px}.key-live-chart .chart-title-block>svg{width:18px;height:18px}.key-live-chart .chart-title-heading{font-size:16px}.key-live-chart .chart-controls{gap:7px}.key-live-chart .chart-legend{gap:8px}.key-live-chart .chart-legend span{gap:4px;font-size:12px}.key-live-chart .legend-dot{width:7px;height:7px}.key-details-list .key-usage-row{grid-template-columns:max-content minmax(0,1fr);gap:20px}.key-details-list .key-usage-value{letter-spacing:0;justify-content:safe flex-end}}@media (width<=560px){.key-details-list .key-id-row{grid-template-columns:max-content minmax(0,1fr);gap:8px}.key-details-list .key-usage-row{grid-template-columns:max-content minmax(0,1fr);gap:4px}}@media (width<=480px){.key-live-chart .chart-title-block{gap:0}.key-live-chart .chart-title-block>svg{width:0;height:0;overflow:hidden}.key-live-chart .chart-title-heading{font-size:14px}.key-live-chart .chart-legend span{font-size:11px}}@media (width<=430px){.key-live-chart .chart-head{gap:4px}.key-live-chart .chart-controls{gap:3px}.key-live-chart .chart-legend{gap:5px}.key-live-chart .chart-legend span{gap:3px}}@media (width<=410px){.key-live-chart .chart-title-heading{font-size:13px}.key-live-chart .chart-legend span{font-size:10px}}@media (width<=350px){.key-live-chart .chart-title-heading{font-size:12px}.key-live-chart .cumulative-toggle{width:26px}.key-live-chart .cumulative-toggle.active>span{transform:translate(11px,-50%)}.key-details-list>div{gap:7px}}.key-live-chart .chart-head{gap:10px}.key-live-chart .chart-title-block{gap:clamp(0px,15vw - 57px,12px)}.key-live-chart .chart-title-block>svg{width:22px;height:22px;margin-top:1px;overflow:visible}.key-live-chart .chart-title-heading{align-items:center;height:24px;margin:0 0 3px;font-size:clamp(15px,.75vw + 12.5px,18px);line-height:24px;display:flex}.key-live-chart .chart-title-block>div{padding-top:0}.key-live-chart .chart-title-short{display:none}.key-live-chart .chart-head p{display:block}.key-live-chart .chart-controls{align-items:center;gap:clamp(3px,1.55vw,14px);min-height:24px}.key-live-chart .chart-legend{gap:clamp(6px,1.45vw,13px)}.key-live-chart .chart-legend span{align-items:center;gap:clamp(3px,.7vw,6px);height:24px;font-size:clamp(11px,.18vw + 10.4px,12px);line-height:1}.key-live-chart .legend-label{font:inherit;white-space:nowrap;font-style:normal;display:inline}.key-live-chart .chart-controls.is-cumulative-compact .cumulative-control>span,.key-live-chart .chart-controls.is-legend-compact .legend-label{display:none}.key-live-chart .chart-controls.is-legend-compact .chart-legend span{gap:0}.key-live-chart .chart-controls-measure{visibility:hidden;pointer-events:none;width:max-content;margin:0;position:absolute;top:0;left:0}.key-live-chart .cumulative-control>span{max-width:none;margin-right:6px;transition:none}.key-live-chart .cumulative-control{justify-content:center;gap:0;padding:4px 5px;font-size:clamp(11px,.18vw + 10.4px,12px)}@container usage-chart (width<=488px){.stats-section .key-live-chart .chart-title-block>svg{display:none}}@container usage-chart (width<=350px){.key-live-chart .chart-title-block>svg{display:none}}@container usage-chart (width<=256px){.stats-section .key-live-chart .chart-title-heading{font-size:15px}.stats-section .key-live-chart .chart-title-full{display:none}.stats-section .key-live-chart .chart-title-short{display:inline}}@media (width<=360px){.key-live-chart .chart-title-full{display:none}.key-live-chart .chart-title-short{display:inline}.stats-section .key-live-chart .cumulative-toggle{width:26px}.stats-section .key-live-chart .cumulative-toggle.active>span{transform:translate(11px,-50%)}}:root[data-theme=light] .stats-surface{box-shadow:none}:root[data-theme=light] .key-topup-card{background:var(--surface-solid)}:root[data-theme=light] .key-balance-card{border-color:var(--border-soft);background:0 0}:root[data-theme=light] .key-balance-track{background:#edf2f7}:root[data-theme=light] .key-balance-track.normal span{background:var(--chart-token)}:root[data-theme=light] .key-balance-track.warning span{background:#ffb020}:root[data-theme=light] .key-balance-track.critical span{background:#ff4d45}:root[data-theme=dark] .topup-purchase-overlay{background:#000000c7}:root[data-theme=dark] .topup-purchase-dialog{background:#0b0d10;border-color:#373f48}:root[data-theme=dark] .purchase-choice-option,:root[data-theme=dark] .topup-purchase-option{background:#0c0f12f0;border-color:#2b3138}:root[data-theme=dark] :is(.key-topup-symbol,.topup-purchase-icon,.purchase-choice-option.is-api-key .purchase-choice-option-icon,.purchase-choice-option.is-topup .purchase-choice-option-icon){color:var(--blue);border-color:color-mix(in srgb, var(--border-strong) 84%, var(--blue) 16%);background:color-mix(in srgb, var(--surface-raised) 97%, var(--blue) 3%);box-shadow:none;border-radius:11px}:root[data-theme=dark] .key-topup-symbol{padding:9px}:root[data-theme=dark] .purchase-choice-option-icon svg{width:24px;height:24px}@media (hover:hover){:root[data-theme=dark] .purchase-choice-option:hover,:root[data-theme=dark] .topup-purchase-dialog:not(.is-topup-hover-guarded) .topup-purchase-option:hover{background:#111418;border-color:#4b5662}}
