.ob-page{--ob-bg:#090b0d;--ob-ink:#f4f1e8;--ob-muted:#aaaead;--ob-amber:#ffc35b;--ob-rule:#363b3c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--ob-bg);min-height:100svh;color:var(--ob-ink);font-family:var(--font-geist-sans),sans-serif;flex-direction:column;padding:20px clamp(20px,4vw,72px) 0;display:flex}.ob-page a{color:inherit;text-decoration:none}.ob-page button,.ob-page input,.ob-page select{font:inherit}.ob-page button{cursor:pointer}.ob-page button:disabled{cursor:not-allowed;opacity:.4}.ob-page :is(button,a,input,select):focus-visible{outline:2px solid var(--ob-amber);outline-offset:5px}.ob-nav{border:1px solid var(--ob-rule);background:#111514;border-radius:999px;justify-content:space-between;align-items:center;gap:24px;width:min(1120px,100%);min-height:64px;margin-inline:auto;padding:10px 24px;display:flex}.ob-brand{letter-spacing:-.055em;white-space:nowrap;font-size:26px;font-weight:500}.ob-nav nav,.ob-account{align-items:center;gap:24px;font-size:14px;display:flex}.ob-nav-active{color:#15120c;background:#ffc35b;border-radius:99px;padding:9px 18px}.ob-avatar{width:32px;height:32px;font:13px var(--font-geist-mono),monospace;border:1px solid #6b716e;border-radius:50%;place-items:center;display:grid}.ob-mode{width:min(1120px,100%);color:var(--ob-muted);justify-content:space-between;align-items:center;gap:16px;margin:18px auto 0;font-size:12px;display:flex}.ob-mode>span{align-items:center;gap:8px;display:flex}.ob-mode i{background:var(--ob-amber);border-radius:50%;flex-shrink:0;width:5px;height:5px}.ob-mode button{color:var(--ob-muted);background:0 0;border:0;align-items:center;gap:6px;min-height:32px;display:inline-flex}.ob-mode a{color:var(--ob-amber)}.ob-main{flex:1;width:min(1180px,100%);margin:auto;padding-block:56px 24px}.ob-page h1{letter-spacing:-.04em;margin:16px 0;font-size:clamp(30px,3.2vw,48px);font-weight:450;line-height:1.12}.ob-page h2{font-weight:450}.ob-lead{color:#c5c8c5;margin:0 0 28px;font-size:18px;line-height:1.5}.ob-eyebrow{font:12px var(--font-geist-mono),monospace;letter-spacing:.1em;color:var(--ob-muted)}.ob-progress{gap:28px;margin:0 0 36px;padding:0;list-style:none;display:flex}.ob-progress li{color:var(--ob-muted);align-items:center;gap:9px;font-size:14px;display:flex}.ob-progress li>span{width:28px;height:28px;font:11px var(--font-geist-mono),monospace;border:1px solid #626965;border-radius:50%;place-items:center;display:grid}.ob-progress li[data-active=true],.ob-progress li[data-done=true]{color:var(--ob-amber)}.ob-progress li[data-active=true]>span{background:var(--ob-amber);color:#21170d;border-color:var(--ob-amber)}.ob-progress li[data-done=true]>span{border-color:var(--ob-amber)}.ob-welcome{text-align:center}.ob-welcome .ob-progress{justify-content:center;margin-bottom:32px}.ob-welcome .ob-art{width:min(620px,100%);height:150px;margin:8px auto 24px}.ob-art{width:100%;height:230px;font-family:var(--font-geist-mono),monospace;display:block}.ob-connect-list{border-top:1px solid var(--ob-rule);text-align:left}.ob-connect-row{border-bottom:1px solid var(--ob-rule);grid-template-columns:40px 170px 1fr auto;align-items:center;gap:20px;padding:24px 4px;display:grid}.ob-connect-row h2{margin:0 0 5px;font-size:20px}.ob-connect-row span{font-size:13px}.ob-connect-row p{color:#c5c8c5;margin:0;font-size:15px}.ob-muted,.ob-helper{color:var(--ob-muted)}.ob-good{color:var(--ob-amber)}.ob-page :is(.ob-primary,.ob-secondary){border:1px solid var(--ob-ink);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:12px 20px;font-size:15px;display:inline-flex}.ob-page .ob-primary{background:var(--ob-ink);color:#111412;font-weight:500}.ob-page .ob-secondary{color:var(--ob-ink);background:0 0;border-color:#7e8581}.ob-text{min-height:44px;color:var(--ob-ink);background:0 0;border:0;align-items:center;gap:8px;padding:8px 0;font-size:14px;display:inline-flex}.ob-welcome-bottom{text-align:left;justify-content:space-between;align-items:center;gap:24px;padding-top:24px;font-size:13px;display:flex}.ob-welcome-bottom>div{text-align:right}.ob-welcome-bottom small{color:var(--ob-muted);margin-top:10px;display:block}.ob-split{grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(40px,6vw,100px);display:grid}.ob-story h2{letter-spacing:-.04em;max-width:12ch;margin:20px 0;font-size:clamp(32px,3vw,46px);line-height:1.14}.ob-story>p:not(.ob-eyebrow){color:#c5c8c5;max-width:30ch;font-size:18px;line-height:1.6}.ob-story .ob-art{margin-top:32px}.ob-form{min-width:0}.ob-provider{border-bottom:1px solid var(--ob-rule);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;padding:20px 0;font-size:14px;display:flex}.ob-provider .ob-text{text-underline-offset:4px;margin-left:auto;text-decoration:underline}.ob-provider .ob-good{font-size:12px}.ob-search{border:1px solid #727a75;border-radius:8px;align-items:center;gap:12px;padding-inline:16px;display:flex}.ob-search input{width:100%;min-height:48px;color:var(--ob-ink);outline-offset:0;background:0 0;border:0}.ob-search input::placeholder{color:var(--ob-muted)}.ob-repos{border:0;margin:20px 0;padding:0}.ob-repos label{border-bottom:1px solid var(--ob-rule);cursor:pointer;align-items:center;gap:14px;min-height:64px;display:flex}.ob-repos input{width:19px;height:19px;accent-color:var(--ob-amber)}.ob-repos label span{font:15px var(--font-geist-mono),monospace}.ob-repos small{color:var(--ob-muted);margin-left:auto;font-size:11px}.ob-repos>p{color:var(--ob-muted);line-height:1.6}.ob-helper{font-size:13px;line-height:1.6}.ob-actions{justify-content:space-between;align-items:center;gap:20px;margin-top:32px;display:flex}.ob-label{margin:20px 0 12px;font-size:14px;display:block}.ob-page select{width:100%;min-height:50px;color:var(--ob-ink);background:#0f1311;border:1px solid #727a75;border-radius:8px;padding:12px 16px}.ob-mapping{border-block:1px solid var(--ob-rule);font:14px var(--font-geist-mono),monospace;overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:14px;margin-top:24px;padding:22px 0;display:flex}.ob-mapping svg{color:var(--ob-amber);flex-shrink:0}.ob-ready-list{color:#c5c8c5;gap:15px;margin:24px 0;padding:0;font-size:15px;list-style:none;display:grid}.ob-ready-list li{align-items:center;gap:12px;display:flex}.ob-ready-list svg{color:var(--ob-amber)}.ob-example{overflow-wrap:anywhere;border:1px dashed #626965;border-radius:8px;padding:16px;font-size:13px;line-height:1.6;display:block}.ob-note{color:var(--ob-amber);font-size:14px}.ob-feedback{text-align:center;min-height:32px;color:var(--ob-amber);font:13px var(--font-geist-mono),monospace;margin-top:20px}.ob-error{color:#ffb3a3;border:1px solid #b16e60;border-radius:8px;justify-content:space-between;align-items:center;gap:20px;padding:12px 20px;display:flex}.ob-access{gap:20px;max-width:640px;margin:48px auto;display:grid}.ob-access>p:not(.ob-eyebrow){color:var(--ob-muted);line-height:1.6}.ob-footer{border-top:1px solid var(--ob-rule);color:var(--ob-muted);font:12px var(--font-geist-mono),monospace;justify-content:space-between;gap:20px;padding:24px 0;display:flex}.ob-footer a{align-items:center;gap:8px;display:flex}.ob-demo-runs{max-width:850px;margin:auto}.ob-run{border-block:1px solid var(--ob-rule);margin:28px 0;padding:24px 0}.ob-run h2{margin:12px 0;font-size:24px}.ob-run p{color:var(--ob-muted);font-size:14px}.ob-run ol{gap:12px;margin-block:24px;font-size:15px;display:grid}@media (hover:hover){.ob-page :is(a,.ob-text):hover{color:var(--ob-amber)}.ob-page .ob-primary:not(:disabled):hover{background:var(--ob-amber);border-color:var(--ob-amber)}.ob-page .ob-secondary:not(:disabled):hover{border-color:var(--ob-amber)}.ob-repos label:hover{background:#151713}}@media (max-width:1000px){.ob-nav nav{display:none}.ob-connect-row{grid-template-columns:32px 140px 1fr;gap:16px}.ob-connect-row p{grid-area:2/2/auto/4}.ob-connect-row button{grid-area:1/3;justify-self:end}.ob-split{grid-template-columns:.7fr 1fr;gap:32px}.ob-progress{gap:16px}}@media (max-width:760px){.ob-page{padding-inline:20px;padding-top:12px}.ob-nav{gap:12px;padding:10px 16px}.ob-brand{font-size:23px}.ob-account{gap:8px;font-size:11px}.ob-avatar{display:none}.ob-mode{align-items:flex-start;gap:8px;font-size:11px}.ob-mode>span{max-width:30ch;line-height:1.5}.ob-mode button,.ob-mode a{flex-shrink:0;font-size:11px}.ob-main{padding-block:36px 12px}.ob-split{grid-template-columns:1fr;gap:24px}.ob-story .ob-art{height:125px;margin-top:12px}.ob-story h2{max-width:none;margin:12px 0;font-size:30px}.ob-story>p:not(.ob-eyebrow){max-width:none;font-size:16px}.ob-form{border-top:1px solid var(--ob-rule);padding-top:24px}.ob-page h1{font-size:32px}.ob-lead{font-size:16px}.ob-progress{gap:20px;margin-bottom:24px}.ob-progress li{gap:7px;font-size:12px}.ob-progress li>span{width:24px;height:24px}.ob-connect-row{grid-template-columns:28px 1fr;padding:20px 0}.ob-connect-row p{grid-area:2/2;font-size:14px}.ob-connect-row button{grid-area:3/2;justify-self:start}.ob-welcome-bottom{flex-direction:column;align-items:stretch}.ob-welcome-bottom>div{text-align:left}.ob-actions{gap:12px}.ob-actions .ob-primary{padding-inline:14px;font-size:14px}.ob-provider{gap:10px}.ob-repos label span{font-size:13px}.ob-page input,.ob-page select{font-size:16px}.ob-footer{font-size:10px;line-height:1.5}.ob-footer>span{max-width:24ch}.ob-mapping{font-size:12px}}@media (prefers-reduced-motion:no-preference){.ob-page :is(a,button){transition:color .15s ease-out,background-color .15s ease-out,border-color .15s ease-out}.ob-loading{animation:1.2s ease-in-out infinite ob-pulse}@keyframes ob-pulse{50%{opacity:.45}}}.ob-page h1:focus{outline:none}.ob-live-flow{width:100%}.ob-live-progress{flex-wrap:wrap;justify-content:center}.ob-live-list{overscroll-behavior:contain;max-height:clamp(130px,28dvh,300px);padding-inline:2px 8px;overflow-y:auto}.ob-live-list .ob-mapping{margin-top:0}.ob-pagination,.ob-live-refresh,.ob-demo-options{justify-content:space-between;align-items:center;gap:16px;display:flex}.ob-pagination{color:var(--ob-muted);font-size:12px}.ob-live-refresh{justify-content:center}.ob-live .ob-error{margin-block:8px}.ob-live .ob-note{line-height:1.5}.ob-live :is(.ob-helper,.ob-lead){display:block}.ob-live .ob-repos label span{overflow-wrap:anywhere;min-width:0}.ob-live .ob-repos small{flex-shrink:0}@media (max-width:760px){.ob-live-progress{gap:10px 16px}.ob-demo-options{flex-direction:column;align-items:flex-end;gap:0}.ob-live .ob-split{gap:12px}.ob-live .ob-progress li{font-size:11px}}.ob-page{min-height:100dvh;padding-top:12px}.ob-nav{flex-shrink:0;min-height:54px;padding-block:6px}.ob-mode{flex-shrink:0;margin-top:6px}.ob-main{flex-direction:column;flex:1;justify-content:center;padding-block:clamp(8px,2dvh,24px);display:flex}.ob-welcome,.ob-split,.ob-demo-runs{width:100%}.ob-page h1{margin:12px 0;font-size:clamp(28px,min(3.2vw,4.6dvh),44px)}.ob-progress,.ob-welcome .ob-progress{margin-bottom:clamp(12px,2dvh,24px)}.ob-lead{margin-bottom:clamp(12px,2dvh,24px);font-size:clamp(15px,1.9dvh,18px)}.ob-welcome .ob-art{height:clamp(60px,12dvh,120px);margin-block:4px 12px}.ob-story .ob-art{height:clamp(100px,22dvh,200px);margin-top:16px}.ob-connect-row{padding-block:clamp(12px,2dvh,20px)}.ob-welcome-bottom{padding-top:16px}.ob-provider{margin-bottom:16px;padding-block:12px}.ob-repos{margin-block:12px}.ob-repos label{min-height:clamp(44px,6.4dvh,60px)}.ob-actions{margin-top:clamp(12px,2dvh,24px)}.ob-mapping{margin-top:16px;padding-block:14px}.ob-ready-list{gap:10px;margin-block:16px}.ob-label{margin-block:12px 8px}.ob-example{padding:12px}.ob-feedback{min-height:20px;margin-top:8px}.ob-footer{flex-shrink:0;padding-block:14px}.ob-access{margin-block:12px}.ob-run{margin-block:16px;padding-block:16px}.ob-run ol{margin-block:16px}@media (max-width:760px){.ob-page{padding:8px 16px 0}.ob-nav{min-height:48px}.ob-mode{font-size:10px}.ob-main{padding-block:12px 4px}.ob-split{gap:12px}.ob-story .ob-art{display:none}.ob-story h2{max-width:none;margin-block:6px;font-size:22px}.ob-story>p:not(.ob-eyebrow){display:none}.ob-story .ob-eyebrow{margin:0;font-size:10px}.ob-form{padding-top:12px}.ob-page h1{margin-block:8px;font-size:clamp(24px,3.8dvh,32px)}.ob-progress,.ob-welcome .ob-progress{margin-bottom:12px}.ob-lead{margin-bottom:12px;font-size:14px}.ob-welcome .ob-art{height:clamp(44px,9dvh,78px);margin-block:0 8px}.ob-connect-row{grid-template-columns:26px 1fr auto;gap:8px 12px;padding-block:12px}.ob-connect-row>div{grid-column:2}.ob-connect-row p{grid-area:2/2/auto/4;font-size:12px}.ob-connect-row button{grid-area:1/3;min-height:44px;padding-inline:10px;font-size:12px}.ob-connect-row h2{font-size:17px}.ob-connect-row span{font-size:11px}.ob-welcome-bottom{gap:6px;padding-top:10px;font-size:11px}.ob-welcome-bottom>p{margin:0}.ob-welcome-bottom>div{align-items:center;gap:12px;display:flex}.ob-welcome-bottom small{margin:0;font-size:10px}.ob-welcome-bottom .ob-primary{padding-inline:12px;font-size:13px}.ob-provider{margin-bottom:12px;padding-block:8px;font-size:12px}.ob-provider .ob-text{font-size:12px}.ob-repos label{min-height:48px}.ob-helper{margin-block:8px;font-size:11px}.ob-ready-list{gap:8px;margin-block:12px;font-size:13px}.ob-example{padding:10px;font-size:11px}.ob-label{font-size:12px}.ob-footer{padding-block:10px}.ob-mapping{margin-top:12px;padding-block:12px}}@media (max-height:650px){.ob-nav{min-height:46px}.ob-brand{font-size:22px}.ob-main{padding-block:6px 0}.ob-page h1{font-size:26px}.ob-progress{margin-bottom:10px}.ob-eyebrow{margin-block:6px}.ob-story .ob-art{height:100px}.ob-story h2{font-size:30px}.ob-provider{margin-bottom:10px;padding-block:6px}.ob-ready-list{gap:6px;margin-block:10px}.ob-feedback{min-height:16px;margin-top:4px}.ob-footer{padding-block:8px}}@media (max-width:760px) and (max-height:700px){.ob-story{display:none}.ob-form{border-top:0;padding-top:0}.ob-welcome .ob-eyebrow,.ob-welcome-bottom>p,.ob-connect-row p{display:none}.ob-connect-row{padding-block:10px}.ob-page h1{font-size:24px}.ob-progress li>span{width:22px;height:22px}.ob-lead{margin-bottom:8px;font-size:13px}.ob-provider{margin-bottom:8px}.ob-label{margin-top:8px}.ob-mapping{margin-top:10px;padding-block:10px}.ob-welcome .ob-progress{display:none}.ob-welcome .ob-art{height:28px}.ob-main{padding-block:0}.ob-footer{font-size:9px}}@media (min-width:761px) and (max-height:800px){.ob-page{padding-top:8px}.ob-main{padding-block:8px 0}.ob-welcome .ob-art{height:54px;margin-block:0 8px}.ob-progress,.ob-welcome .ob-progress{margin-bottom:12px}.ob-connect-row{padding-block:12px}.ob-page h1{margin-block:8px;font-size:30px}.ob-lead{margin-bottom:12px;font-size:15px}.ob-welcome-bottom{padding-top:10px}.ob-welcome-bottom small{margin-top:4px}.ob-provider{margin-bottom:10px;padding-block:6px}.ob-actions{margin-top:12px}.ob-feedback{min-height:16px;margin-top:4px}.ob-label{margin-block:8px}.ob-ready-list{gap:6px;margin-block:10px;font-size:13px}.ob-example{padding:8px;font-size:12px}.ob-helper{margin-block:8px;font-size:12px}.ob-footer{padding-block:8px}}@media (min-width:761px) and (max-height:650px){.ob-welcome .ob-art{height:36px}.ob-welcome .ob-eyebrow{display:none}}@media (max-width:760px) and (max-height:700px){.ob-form>.ob-lead,.ob-form>.ob-helper{display:none}.ob-provider{margin-bottom:6px}.ob-repos{margin-block:8px}.ob-repos label{min-height:44px}.ob-form .ob-actions{margin-top:10px}}@media (min-width:761px) and (max-height:650px){.ob-form>.ob-lead{display:none}.ob-form>.ob-helper{margin-block:4px}}@media (max-width:760px) and (max-height:600px){.ob-footer{display:none}}@media (max-width:760px) and (max-height:700px){.ob-demo-runs>.ob-lead{display:none}.ob-run{margin-block:10px;padding-block:8px}.ob-run h2{margin-block:8px;font-size:19px}.ob-run p{margin-block:8px;font-size:11px}.ob-run ol{gap:6px;margin-block:12px;font-size:12px}}@media (min-width:761px) and (max-height:650px){.ob-demo-runs>.ob-lead{display:none}.ob-run{margin-block:10px;padding-block:8px}.ob-run h2{margin-block:8px;font-size:20px}.ob-run p{margin-block:8px;font-size:12px}.ob-run ol{gap:6px;margin-block:12px;font-size:13px}}