pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}:root{color-scheme:dark;--bg: #0d1117;--bg-alt: #151b23;--border: #29313c;--fg: #dce3ec;--muted: #98a5b6;--green: #9fcca3;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;font-family:var(--mono);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{min-width:320px}body{margin:0;color:var(--fg);background:var(--bg);line-height:1.8}::selection{background:#3e5c52;color:#f2f8f5}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--green);outline-offset:4px;border-radius:2px}.layout{min-height:100svh;display:flex;flex-direction:column}.nav,.main,.footer{width:min(100% - 80px,1080px);margin-inline:auto}.nav{display:flex;align-items:center;justify-content:space-between;padding-block:27px}.nav-logo{color:var(--green);font-size:14px}.nav-links{display:flex;gap:28px;font-size:12px}.nav-links a{color:var(--muted);transition:color .15s}.nav-links a:hover,.nav-links a.active{color:var(--fg)}.main{flex:1;padding-block:30px 50px}.main:focus{outline:none}.home{max-width:1020px;margin-inline:auto}.terminal{display:flex;height:min(76svh,720px);min-height:520px;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:#10151c;box-shadow:0 20px 60px -25px #0008;animation:terminal-enter .3s ease-out}@keyframes terminal-enter{0%{transform:translateY(5px)}to{transform:none}}.terminal-header{display:flex;align-items:center;position:relative;min-height:42px;background:#191f28;border-bottom:1px solid var(--border);padding:0 17px}.window-dots{display:flex;gap:7px}.dot{width:9px;height:9px;border-radius:50%}.dot-red{background:#df8178}.dot-yellow{background:#d9b773}.dot-green{background:#94b688}.terminal-title{position:absolute;left:50%;transform:translate(-50%);color:#a1adba;font-size:11px}.terminal-body{display:flex;min-height:0;flex:1;flex-direction:column;overflow:hidden;padding:28px 34px 30px;font-size:13px}.prompt{display:inline-flex;white-space:nowrap;flex-shrink:0;font-weight:500;gap:0}.prompt-user{color:var(--green)}.prompt-path{color:#9abce4}.welcome-command,.history-command{display:flex;align-items:baseline;gap:8px}.welcome{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:32px;margin-top:26px}.welcome-profile{min-width:0}.ascii-avatar{font:400 12px/1.12 var(--mono);font-variant-ligatures:none;letter-spacing:0;white-space:pre;color:#c5d2e0;margin:0;-webkit-user-select:all;user-select:all}.ascii-avatar .avatar-shirt{color:#dfca85}.welcome h1{font-size:14px;font-weight:500;line-height:1.8;margin:0}.welcome p{margin:0;overflow-wrap:anywhere}.welcome .education-line{display:flex;flex-wrap:wrap;gap:0 1ch;margin-block:5px}.education-line>span{max-width:100%;overflow-wrap:normal;text-wrap:pretty}.welcome-divider{color:#68798b;margin:9px 0;line-height:1.2}.text-separator{color:#6f8193}.field-label{color:#b6c5d7}.welcome-contact{display:flex;flex-wrap:wrap;gap:0 8px}.welcome-contact>span{overflow-wrap:anywhere;min-width:0}.welcome-contact a,.term-out a{color:#9abce4;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#9abce440}.welcome-contact a:hover,.term-out a:hover{color:#c3ddfa;text-decoration-color:currentColor}.contact-separator{color:#6f8193}.email-contact{display:inline-flex;align-items:center;flex-wrap:wrap;gap:0 5px;max-width:100%}.email-contact>span{min-width:0;overflow-wrap:anywhere}.copy-email{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border:0;border-radius:4px;padding:0;color:var(--muted);background:transparent;vertical-align:middle}.copy-email:hover{color:var(--green);background:#9fcca310}.copy-feedback{flex-basis:100%;color:var(--muted);font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.help-hint{margin:17px 0 26px;color:var(--muted)}.help-hint button,.inline-command{padding:0;border:0;background:transparent;color:var(--green)}.help-hint button:before,.help-hint button:after{content:"`"}.help-hint button:hover,.inline-command:hover{text-decoration:underline;text-underline-offset:4px}.terminal-scroll{min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;overflow-wrap:anywhere;scrollbar-color:#465363 transparent;scrollbar-width:thin}.terminal-scroll::-webkit-scrollbar{width:7px}.terminal-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:#465363}.terminal-scroll::-webkit-scrollbar-track{background:transparent}.terminal-transcript{overflow-wrap:anywhere}.terminal-entry{margin-bottom:22px}.history-command{flex-wrap:wrap}.term-out{color:#b0becf;margin-top:7px;white-space:pre-wrap}.experience-list{display:grid;gap:17px;max-width:760px}.experience-item{padding-left:14px;border-left:1px solid #536373}.experience-item h2{color:var(--fg);font-size:13px;font-weight:500;line-height:1.6;margin:0 0 3px}.experience-item p{color:#b0becf;margin:0}.agent-demo{display:flex;width:min(100%,760px);min-height:425px;margin-top:4px;overflow:hidden;border:1px solid #303840;border-radius:6px;background:#17191c;box-shadow:0 14px 35px -28px #000}.agent-sidebar{display:flex;flex:0 0 178px;flex-direction:column;padding:16px 12px 12px;border-right:1px solid #2c3136;background:#202225;color:#aeb3ba;font-size:10px}.agent-brand{display:flex;align-items:center;gap:8px;padding:0 5px 22px;color:#eef0f2;font-size:12px;font-weight:500}.agent-brand-mark,.agent-greeting-mark,.agent-message-mark{color:#d79565}.agent-demo-codex .agent-brand-mark,.agent-demo-codex .agent-greeting-mark,.agent-demo-codex .agent-message-mark{color:#8bb7e8}.agent-sidebar-menu{margin-left:auto;color:#7f858d;letter-spacing:2px}.agent-sidebar-label{padding:0 5px 8px;color:#747a82;font-size:9px;letter-spacing:.08em}.agent-workspace,.agent-recent{display:flex;align-items:center;gap:8px;padding:8px 7px;border-radius:3px;color:#d5d8dc;background:#2b2e33}.agent-chevron{margin-left:auto;color:#7f858d}.agent-recent-label{margin-top:25px}.agent-recent{color:#aeb3ba;background:transparent}.agent-sidebar-bottom{display:flex;align-items:center;gap:8px;margin-top:auto;padding:11px 5px 0;border-top:1px solid #30343a;color:#c7cbd0}.agent-avatar{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#1b1e22;background:#d1b38a;font-size:8px}.agent-main{display:flex;flex:1;min-width:0;flex-direction:column;background:#17191c}.agent-topbar{display:flex;align-items:center;justify-content:space-between;min-height:47px;padding:0 18px;border-bottom:1px solid #2c3136;color:#d9dce0;font-size:11px}.agent-model{color:#8f969f;font-size:10px}.agent-model .agent-chevron{margin-left:5px}.agent-conversation{display:flex;width:min(100%,590px);flex:1;flex-direction:column;align-self:center;padding:43px 34px 18px}.agent-greeting{display:flex;align-items:center;gap:10px;margin:auto 0 34px}.agent-greeting-mark{font-size:20px}.agent-greeting h2{margin:0;color:#e9ebed;font-size:19px;font-weight:400;letter-spacing:0}.agent-user-message{align-self:flex-end;max-width:88%;margin-bottom:18px;padding:9px 12px;border:1px solid #343a40;border-radius:6px 6px 2px;color:#d9dde1;background:#25292e;font-size:11px}.agent-assistant-message{display:flex;gap:10px;color:#d0d4d8;font-size:11px;line-height:1.7}.agent-message-mark{flex:0 0 auto;padding-top:2px;font-size:15px}.agent-assistant-message p{margin:0 0 11px}.agent-permission{width:min(100%,410px);padding:13px 14px;border:1px solid #454b52;border-radius:5px;background:#202328}.agent-permission-title{display:flex;align-items:center;gap:7px;margin-bottom:9px;color:#e2e5e8;font-size:10px;font-weight:500}.agent-permission-title span{color:#d79565}.agent-demo-codex .agent-permission-title span{color:#8bb7e8}.agent-permission p{margin:0 0 13px;color:#f0f1f2;font-size:13px}.agent-actions{display:flex;gap:8px}.agent-actions button{border:1px solid #555d66;border-radius:3px;padding:5px 10px;font-size:10px}.agent-share{color:#1c2024;background:#d7b08e}.agent-share:hover{background:#e2c19f}.agent-keep{color:#cdd2d7;background:transparent}.agent-keep:hover{border-color:#9aa4ae;background:#2b3036}.agent-composer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:10px 11px;border:1px solid #3a4047;border-radius:5px;color:#727981;background:#202328;font-size:10px}.agent-composer button{width:22px;height:22px;border:0;border-radius:3px;color:#777e86;background:#30353b}.agent-demo-note{margin-top:9px;color:#6f767e;font-size:9px;text-align:center}.terminal-input-row{display:flex;align-items:center;gap:8px;min-height:34px;margin-top:auto;cursor:text}.terminal-input-row input{min-width:0;flex:1;width:100%;border:0;padding:5px 0;background:transparent;color:var(--fg);line-height:1.8;caret-color:var(--green);border-radius:0;outline:none}.terminal-input-row:focus-within{box-shadow:0 1px #9fcca330}.execute-button{background:transparent;border:0;color:var(--green);padding:2px 8px;font-size:18px}.execute-button:disabled{opacity:.25}.execute-button:not(:disabled):hover{background:#9fcca310}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 24px}.help-grid>span{display:flex;gap:14px}.help-grid button,.terminal-files button{border:0;padding:0;color:var(--green);background:transparent;text-align:left}.help-grid button{min-width:7ch}.help-grid button:hover,.terminal-files button:hover{text-decoration:underline}.help-grid p{grid-column:1 / -1;margin:12px 0 0;color:var(--muted);font-size:12px}.terminal-files{display:flex;flex-wrap:wrap;gap:20px}.terminal-completions{display:flex;flex-wrap:wrap;gap:6px 16px;padding-block:8px}.terminal-completions button{border:0;background:transparent;padding:3px 0;color:var(--green)}.terminal-completions button:hover{text-decoration:underline;text-underline-offset:4px}.terminal-posts{display:flex;flex-direction:column;gap:5px}.footer{padding-block:20px;color:#8593a4;font-size:11px}.name-period{color:var(--green)}.skip-link{position:absolute;top:-100px;left:20px;z-index:10;background:var(--green);color:var(--bg);padding:5px 12px}.skip-link:focus{top:10px}.page{max-width:900px;margin:0 auto}.page-eyebrow{font:10px var(--mono);color:var(--green);letter-spacing:1.7px;margin-bottom:20px}.blog-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:35px}.page-title{font-size:clamp(30px,4vw,42px);line-height:1.3;font-weight:550;letter-spacing:-1px;margin:0}.page-description{color:var(--muted);font-size:13px;margin:13px 0 0}.article-count{color:#9aa78f;font:10px var(--mono);padding-bottom:5px}.post-grid{border-top:1px solid var(--border)}.post-card{display:flex;align-items:flex-start;gap:26px;border-bottom:1px solid var(--border);padding:30px 15px 30px 0;transition:background .2s}.post-card:hover{background:#b3d69a05}.post-number{font:11px/1.8 var(--mono);color:#7f8a77;padding-top:2px}.post-card-content{flex:1;min-width:0}.post-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font:10px/1.8 var(--mono);color:#9caa91}.post-card-meta time{margin-right:10px}.post-card-title{font-size:20px;font-weight:500;letter-spacing:-.5px;margin:12px 0 8px;transition:color .2s}.post-card:hover .post-card-title{color:var(--green)}.post-card-desc{color:var(--muted);font-size:13px;margin:0}.post-card-link{color:#9aab8d;margin-top:30px;font-size:20px;transition:transform .2s}.post-card:hover .post-card-link{transform:translate(2px,-2px)}.tag{display:inline-block;border:1px solid #343e2f;border-radius:4px;padding:1px 6px;color:#a6b49c;font:10px/1.7 var(--mono)}.post-page{max-width:760px}.back-link{font-size:12px;color:var(--muted)}.back-link:hover{color:var(--green)}.post-title{font-size:clamp(27px,4vw,40px);line-height:1.4;letter-spacing:-1px;font-weight:550;margin:30px 0 18px}.post-meta{color:var(--muted);font:11px/2 var(--mono);padding-bottom:28px;border-bottom:1px solid var(--border);margin-bottom:32px}.post-tags{display:inline-flex;gap:6px;margin-left:16px;flex-wrap:wrap}.markdown-body{font-size:15px;line-height:1.95;color:#c0c9ba;overflow-wrap:anywhere}.markdown-body h1,.markdown-body h2,.markdown-body h3{color:var(--fg);font-weight:550;margin:1.8em 0 .7em;line-height:1.5}.markdown-body h1{font-size:28px}.markdown-body h2{font-size:23px}.markdown-body h3{font-size:19px}.markdown-body a{color:var(--green);text-decoration:underline;text-underline-offset:4px}.markdown-body code{background:#b3d69a0d;border:1px solid #b3d69a12;padding:.15em .4em;border-radius:4px;font-family:var(--mono);font-size:.83em}.markdown-body pre.hljs{background:#171c17;border:1px solid var(--border);border-radius:8px;padding:20px;overflow-x:auto;line-height:1.8}.markdown-body pre.hljs code{border:0;background:transparent;padding:0}.markdown-body blockquote{border-left:2px solid #8fa47d;background:#b3d69a05;margin:22px 0;padding:4px 20px;color:var(--muted)}.markdown-body img{max-width:100%;border-radius:8px}.markdown-body table{display:block;overflow-x:auto;border-collapse:collapse}.markdown-body th,.markdown-body td{border:1px solid var(--border);padding:8px 12px;text-align:left}.markdown-body hr{border:0;border-top:1px solid var(--border);margin:30px 0}@media (max-width: 900px){.welcome{grid-template-columns:1fr;gap:24px}.welcome-profile{grid-row:1}.ascii-avatar{justify-self:center}.welcome-contact{flex-direction:column}.contact-separator{display:none}}@media (max-width: 700px){.nav,.main,.footer{width:calc(100% - 40px)}.nav{padding-block:21px}.nav-links{gap:20px}.main{padding-block:14px 30px}.terminal-body{padding:24px;font-size:12px}.welcome h1{font-size:13px}.help-grid{grid-template-columns:1fr}.post-card{gap:16px}.post-card-title{font-size:18px}}@media (max-width: 480px){.nav,.main,.footer{width:calc(100% - 28px)}.nav-logo{font-size:12px}.nav-links{font-size:11px;gap:15px}.terminal-body{padding:21px 16px;font-size:11px}.agent-demo{min-height:390px}.agent-sidebar{flex-basis:42px;align-items:center;padding-inline:5px}.agent-brand{padding:0 0 22px}.agent-brand>span:not(.agent-brand-mark),.agent-sidebar-label,.agent-workspace,.agent-recent,.agent-sidebar-bottom>span:not(.agent-avatar){display:none}.agent-sidebar-bottom{justify-content:center;width:100%;padding:10px 0 0}.agent-sidebar-menu{display:none}.agent-topbar{padding-inline:10px;font-size:10px}.agent-model{font-size:9px}.agent-conversation{padding:32px 12px 15px}.agent-greeting h2{font-size:16px}.terminal{height:68svh;min-height:430px}.terminal-title{font-size:10px}.ascii-avatar{font-size:clamp(10px,2.8vw,12px)}.welcome{margin-top:22px;gap:20px}.welcome h1{font-size:12px}.welcome p{margin-bottom:6px}.education-line>span+span{padding-left:2ch;text-indent:-2ch}.help-hint{line-height:1.9}.terminal-input-row{flex-wrap:wrap;gap:0 8px}.terminal-input-row>.prompt{width:100%}.terminal-input-row input{font-size:16px}.help-grid{font-size:11px}.help-grid p{font-size:10px}.post-number{display:none}.post-tags{margin-left:8px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}