.ob-root{background:var(--bg);min-height:100dvh;color:var(--fg);isolation:isolate;transition:opacity var(--d-4) var(--e-in);position:relative;container:ob/inline-size}.ob-root[data-leaving]{opacity:0}.ob-root[data-leaving] .ob-stage{transition:transform var(--d-4) var(--e-in);transform:scale(1.02)}.ob-grid{grid-template-columns:minmax(300px,430px) minmax(0,1fr);min-height:100dvh;display:grid}.ob-side{--ob-pad-x:clamp(18px, 3cqw, 36px);padding:26px var(--ob-pad-x) 24px;background:var(--surface);border-right:1px solid var(--line);flex-direction:column;gap:26px;min-width:0;display:flex}.ob-brand{font:700 14px/1 var(--font-display);align-items:center;gap:10px;display:inline-flex}.ob-mark{width:28px;height:28px}.ob-rsteps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.ob-rsteps li{font-size:var(--fs-xs);color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:8px 0;font-weight:600;display:flex}.ob-rsteps li:before{content:"";background:var(--line);height:3px;transition:background var(--d-4) var(--e-out);border-radius:2px;flex:0 0 100%}.ob-rsteps li[data-state=current]{color:var(--fg)}.ob-rsteps li[data-state=current]:before,.ob-rsteps li[data-state=done]:before{background:var(--accent)}.ob-rsteps li>span[aria-hidden]{font-family:var(--font-mono);color:var(--muted);margin-right:6px;font-weight:500}.ob-body{flex:1;grid-template-columns:minmax(0,1fr);align-content:start;min-width:0;display:grid}.ob-step{grid-template-columns:minmax(0,1fr);align-content:start;gap:16px;min-width:0;display:grid}.ob-step.in{animation:ob-in var(--d-4) var(--e-out) both}.ob-step.out{animation:ob-out var(--d-2) var(--e-in) both}.ob-root[data-dir=back] .ob-step.in{animation-name:ob-in-back}.ob-root[data-dir=back] .ob-step.out{animation-name:ob-out-back}@keyframes ob-in{0%{opacity:0;transform:translate(32px)}}@keyframes ob-out{to{opacity:0;transform:translate(-24px)}}@keyframes ob-in-back{0%{opacity:0;transform:translate(-32px)}}@keyframes ob-out-back{to{opacity:0;transform:translate(24px)}}.ob-h,.ob-h2{color:var(--fg);text-wrap:balance;margin:0}.ob-h{font:800 clamp(28px, 3.3cqw, 38px) / 1.03 var(--font-display);letter-spacing:-.03em}.ob-h2{font:800 clamp(24px, 3.6cqw, 34px) / 1.1 var(--font-display);letter-spacing:-.025em}.ob-h:focus,.ob-h2:focus{outline:none}.ob-p{color:var(--fg-2);font-size:var(--fs-md);max-width:44ch;margin:0;line-height:1.5}.ob-p-base{font-size:var(--fs-base)}.ob-narrow-only{display:none}.ob-credit{font:500 var(--fs-2xs) / 1.3 var(--font-sans);color:var(--muted);margin:0}.ob-note{font-size:var(--fs-xs);color:var(--muted);margin:0}.ob-btn{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);height:34px;font:inherit;font-size:var(--fs-sm);color:var(--fg-2);white-space:nowrap;transition:background var(--d-1), border-color var(--d-1), color var(--d-1), transform var(--d-1);justify-content:center;align-items:center;gap:7px;padding:0 13px;font-weight:500;display:inline-flex}.ob-btn:hover{background:var(--surface-2);border-color:var(--line-strong);color:var(--fg)}.ob-btn:active{transform:scale(.98)}.ob-btn-p{background:var(--accent);color:var(--on-accent);border-color:#0000;font-weight:600}.ob-btn-p:hover{background:color-mix(in srgb, var(--accent) 86%, var(--fg));color:var(--on-accent);border-color:#0000}.ob-btn-p:disabled{opacity:.45;cursor:not-allowed}.ob-btn-g{color:var(--muted);background:0 0;border-color:#0000}.ob-btn-g:hover{background:var(--surface-3);border-color:#0000}.ob-linkb{color:var(--accent-text);font:inherit;font-size:var(--fs-sm);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);background:0 0;border:0;justify-self:start;padding:0;font-weight:500}.ob-linkb:hover{text-decoration-color:currentColor}.ob-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.ob-next{margin-left:auto}.ob-nav-sticky{z-index:2;width:auto;margin:-13px calc(-1 * var(--ob-pad-x)) -13px;padding:12px var(--ob-pad-x) 13px;background:var(--surface);transition:border-color var(--d-2);border-top:1px solid #0000;position:sticky;bottom:-1px}.ob-nav-sticky[data-stuck]{border-top-color:var(--line)}.ob-code{grid-template-columns:minmax(0,1fr);gap:8px;width:100%;max-width:440px;display:grid}.ob-code label{font-size:var(--fs-sm);color:var(--fg-2);text-align:left;font-weight:600}.ob-field{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);transition:border-color var(--d-2), box-shadow var(--d-2);align-items:center;gap:8px;padding:5px 5px 5px 12px;display:flex}.ob-field>.ob-ic{color:var(--muted);transition:color var(--d-2)}.ob-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent)}.ob-field input{width:0;min-width:0;color:var(--fg);font:500 15px/1.4 var(--font-mono);letter-spacing:.02em;background:0 0;border:0;outline:0;flex:1;padding:8px 0}.ob-field input::placeholder{color:var(--muted);opacity:.8}.ob-field[data-state=error]{border-color:var(--bad);box-shadow:0 0 0 4px color-mix(in srgb, var(--bad) 16%, transparent)}.ob-field[data-state=granted]{border-color:var(--ok);box-shadow:0 0 0 4px color-mix(in srgb, var(--ok) 16%, transparent)}.ob-field[data-state=granted]>.ob-ic{color:var(--ok)}.ob-field .ob-btn{height:38px}.ob-f-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.ob-f-msg{min-height:20px;font-size:var(--fs-sm);color:var(--bad);text-align:left;margin:0}.ob-f-msg[data-state=granted]{color:var(--ok)}.ob-f-note{font-size:var(--fs-sm);color:var(--muted)}.ob-dots3{gap:3px;display:inline-flex}.ob-dots3 i{width:5px;height:5px;animation:ob-d3 .9s var(--e-io) infinite;background:currentColor;border-radius:50%}.ob-dots3 i:nth-child(2){animation-delay:.12s}.ob-dots3 i:nth-child(3){animation-delay:.24s}@keyframes ob-d3{0%,to{opacity:.3}50%{opacity:1}}.ob-opts{gap:8px;display:grid}.ob-opt{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);width:100%;color:var(--fg);font:inherit;text-align:left;transition:border-color var(--d-2), background var(--d-2);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:2px 12px;padding:12px 14px;display:grid}.ob-opt:hover{border-color:var(--line-strong)}.ob-opt[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft)}.ob-opt:disabled{cursor:not-allowed;background:var(--surface-2);border-style:dashed}.ob-opt:disabled:hover{border-color:var(--line)}.ob-opt:disabled .ob-opt-n{color:var(--muted)}.ob-opt:disabled .mdl-meter{opacity:.45}.ob-opt>.mdl-radio{grid-row:span 2}.ob-opt-n{font:600 var(--fs-base) / 1.3 var(--font-sans);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ob-opt-n .mdl-badge{height:20px;padding:0 7px}.ob-opt-r .mdl-meter-l{gap:6px}.ob-opt-r .mdl-meter-l>span[aria-hidden]{width:auto}.ob-opt-d{font-size:var(--fs-xs);color:var(--fg-2);grid-column:2;align-items:center;gap:6px;line-height:1.4;display:flex}.ob-opt-d .ob-ic{width:12px;height:12px}.ob-opt-r{flex-direction:column;grid-area:span 2/3;align-items:flex-end;gap:4px;display:flex}.ob-opt-skel{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-2);height:66px;display:block}.ob-done{text-align:left;justify-items:start}.ob-done-ic{background:var(--ok-soft);width:56px;height:56px;color:var(--ok);border:1px solid var(--ok-line);border-radius:50%;place-items:center;display:grid}.ob-done-ic .ob-ic{stroke-width:2.4px;width:26px;height:26px}.ob-done-ic path{stroke-dasharray:30;stroke-dashoffset:0;animation:ob-draw var(--d-5) var(--e-out) both}@keyframes ob-draw{0%{stroke-dashoffset:30px}}.ob-load-line{background:var(--surface-3);border-radius:2px;width:220px;height:3px;overflow:hidden}.ob-load-line i{background:var(--accent);transform-origin:0;width:100%;height:100%;animation:ob-load 1.6s var(--e-io) both;display:block}@keyframes ob-load{0%{transform:scaleX(0)}}.ob-stage{background:var(--bg);align-self:start;height:100dvh;min-height:300px;position:sticky;top:0;overflow:hidden}.ob-layer{transition:opacity var(--d-4) var(--e-out), transform var(--d-4) var(--e-out);place-items:center;padding:28px;display:grid;position:absolute;inset:0}.ob-layer:not(.on){opacity:0;pointer-events:none;visibility:hidden;transition:opacity var(--d-4) var(--e-out), transform var(--d-4) var(--e-out), visibility 0s linear var(--d-4);transform:scale(.985)}.ob-dotmap{width:100%;height:100%;display:block;position:absolute;inset:0}.ob-map-cap{font-size:var(--fs-xs);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex;position:absolute;bottom:16px;left:20px;right:20px}.ob-map-cap b{font:500 11px/1.4 var(--font-mono);color:var(--accent-text)}.ob-big-prev{gap:14px;width:min(100%,760px,160dvh - 320px);display:grid;container:obprev/inline-size}.ob-big-prev .ob-mini{box-shadow:var(--shadow-3)}.ob-big-prev p{font-size:var(--fs-sm);color:var(--muted);text-align:center;margin:0}@container obprev (min-width:640px){.ob-big-prev p{font-size:var(--fs-base)}}.ob-mini{--u:clamp(.8px, 100cqw / 560, 1.6px);aspect-ratio:16/10;border-radius:var(--r-md);background:var(--bg);border:1px solid var(--line);width:100%;max-width:100%;position:relative;overflow:hidden}.ob-mini *{transition:opacity var(--d-3) var(--e-out), transform var(--d-4) var(--e-out)}.ob-mini.reset *{transition:none!important}.ob-mini-full{grid-template-columns:8% minmax(0,1fr);display:grid}.ob-mf-rail{background:var(--surface);border-right:1px solid var(--line);padding-top:calc(9 * var(--u));align-items:center;gap:calc(7 * var(--u));flex-direction:column;display:flex}.ob-mf-rail i{aspect-ratio:1;border-radius:calc(3 * var(--u));background:var(--line);width:42%}.ob-mf-rail i:first-child{background:var(--accent)}.ob-mf-main{gap:calc(7 * var(--u));flex-direction:column;min-width:0;padding:9% 10% 0;display:flex}.ob-mf-q{width:44%;height:calc(9 * var(--u));border-radius:calc(5 * var(--u));background:var(--surface-3);align-self:flex-end}.ob-mf-steps{gap:calc(5 * var(--u));padding:calc(6 * var(--u)) calc(7 * var(--u));border:1px solid var(--line);border-radius:calc(5 * var(--u));background:var(--surface);display:grid}.ob-mf-steps i{height:calc(5 * var(--u));border-radius:calc(3 * var(--u));background:var(--line-strong);width:58%;margin-left:calc(10 * var(--u));display:block;position:relative}.ob-mf-steps i:before{content:"";left:calc(-10 * var(--u));top:calc(-1 * var(--u));width:calc(7 * var(--u));height:calc(7 * var(--u));background:var(--ok);border-radius:50%;position:absolute}.ob-mf-steps i:nth-child(2){width:44%;transition-delay:.11s}.ob-mf-steps i:nth-child(3){width:64%;transition-delay:.22s}.ob-mf-ans{gap:calc(5 * var(--u));display:grid}.ob-mf-ans b{height:calc(5 * var(--u));border-radius:calc(3 * var(--u));background:var(--fg-2);opacity:.4;transform-origin:0;display:block}.ob-mf-ans b:first-child{width:92%}.ob-mf-ans b:nth-child(2){width:74%;transition-delay:90ms}.ob-mf-chart{gap:calc(4 * var(--u));padding:calc(7 * var(--u));border:1px solid var(--line);border-radius:calc(5 * var(--u));background:var(--surface);display:grid}.ob-mf-chart s{height:calc(6 * var(--u));border-radius:0 calc(3 * var(--u)) calc(3 * var(--u)) 0;background:var(--bar);width:calc(var(--w) * 100%);transform-origin:0;display:block}.ob-mf-chart s:first-child{background:var(--bar-hi)}.ob-mf-chart s:nth-child(2){transition-delay:50ms}.ob-mf-chart s:nth-child(3){transition-delay:.1s}.ob-mf-chart s:nth-child(4){transition-delay:.15s}.ob-mf-chart s:nth-child(5){transition-delay:.2s}.ob-mf-badge{width:34%;height:calc(10 * var(--u));border-radius:calc(999 * var(--u));background:var(--ok-soft);border:1px solid var(--ok-line)}.ob-mini.anim:not(.t1) .ob-mf-steps i{opacity:0;transform:translateY(calc(3 * var(--u)))}.ob-mini.anim:not(.t1) .ob-mf-steps{opacity:.4}.ob-mini.anim:not(.t2) .ob-mf-ans b,.ob-mini.anim:not(.t3) .ob-mf-chart s{transform:scaleX(0)}.ob-mini.anim:not(.t4) .ob-mf-badge{opacity:0;transform:scale(.8)}.ob-mini.out>*{opacity:0}.ob-mb-page{gap:calc(6 * var(--u));align-content:start;padding:9%;display:grid;position:absolute;inset:0}.ob-mb-page i{height:calc(6 * var(--u));border-radius:calc(3 * var(--u));background:var(--line);display:block}.ob-mb-page i.w1{width:40%;height:calc(9 * var(--u));background:var(--line-strong)}.ob-mb-page i.w2{width:80%}.ob-mb-page i.w3{width:66%}.ob-mb-cards{gap:calc(6 * var(--u));margin-top:calc(6 * var(--u));grid-template-columns:repeat(3,1fr);display:grid}.ob-mb-cards b{aspect-ratio:1.4;border-radius:calc(5 * var(--u));background:var(--surface);border:1px solid var(--line);display:block}.ob-mb-launch{aspect-ratio:1;background:var(--accent);width:12%;box-shadow:0 calc(4 * var(--u)) calc(10 * var(--u)) calc(-2 * var(--u)) color-mix(in srgb, var(--accent) 60%, transparent);border-radius:50%;position:absolute;bottom:8%;right:6%}.ob-mb-launch:after{content:"";inset:calc(-5 * var(--u));border:2px solid var(--accent);opacity:0;border-radius:50%;position:absolute}.ob-mini.t1:not(.t2) .ob-mb-launch:after{animation:ob-ring 1s var(--e-out)}@keyframes ob-ring{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.4)}}.ob-mb-panel{right:6%;bottom:calc(8% + 14% + calc(6 * var(--u)));border-radius:calc(8 * var(--u));background:var(--surface);border:1px solid var(--line);width:46%;height:62%;box-shadow:var(--shadow-2);padding:calc(6 * var(--u));gap:calc(5 * var(--u));transform-origin:92% 105%;align-content:start;display:grid;position:absolute}.ob-mb-h{height:calc(7 * var(--u));border-radius:calc(3 * var(--u));background:var(--line-strong);width:50%}.ob-mb-q{width:60%;height:calc(7 * var(--u));border-radius:calc(3 * var(--u));background:var(--surface-3);justify-self:end}.ob-mb-rows{gap:calc(3 * var(--u));padding:calc(4 * var(--u));border-radius:calc(4 * var(--u));background:var(--surface-2);border:1px solid var(--line);display:grid}.ob-mb-rows s{height:calc(4 * var(--u));border-radius:0 calc(2 * var(--u)) calc(2 * var(--u)) 0;background:var(--bar);width:calc(var(--w) * 100%);transform-origin:0;display:block}.ob-mb-rows s:first-child{background:var(--bar-hi)}.ob-mb-rows s:nth-child(2){transition-delay:50ms}.ob-mb-rows s:nth-child(3){transition-delay:.1s}.ob-mb-rows s:nth-child(4){transition-delay:.15s}.ob-mb-txt{height:calc(5 * var(--u));border-radius:calc(3 * var(--u));background:var(--fg-2);opacity:.35}.ob-mb-in{height:calc(10 * var(--u));border-radius:calc(5 * var(--u));border:1px solid var(--line);margin-top:auto}.ob-mini.anim:not(.t2) .ob-mb-panel{opacity:0;transform:scale(.6)}.ob-mini.anim:not(.t3) .ob-mb-rows s{transform:scaleX(0)}.ob-mini.anim:not(.t3) .ob-mb-txt{opacity:0}.ob-plot-wrap{justify-items:center;gap:10px;width:min(100%,700px,142dvh - 411.8px);display:grid;container:obplot/inline-size}.ob-plot{width:100%;height:auto;overflow:visible}.ob-plot .ax{stroke:var(--line-strong);stroke-width:1px}.ob-plot .gl{stroke:var(--line);stroke-width:1px;stroke-dasharray:2 4}.ob-plot text{font:500 11px var(--font-sans);fill:var(--muted)}.ob-plot .lg{fill:var(--surface);stroke:var(--accent-text);stroke-width:2px}.ob-plot .pl{cursor:pointer}.ob-plot .pl text{font:600 12px var(--font-sans);fill:var(--fg-2);transition:fill var(--d-2)}.ob-plot .pl .mk{fill:var(--surface);stroke:var(--accent-text);stroke-width:2px;transition:fill var(--d-2), stroke var(--d-2)}.ob-plot .pl .ring{fill:none;stroke:var(--accent);stroke-width:2px;opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity var(--d-2), transform var(--d-3) var(--e-out);transform:scale(.6)}.ob-plot .pl.on .mk{fill:var(--accent);stroke:var(--accent)}.ob-plot .pl.on .ring{opacity:1;transform:scale(1)}.ob-plot .pl.on text{fill:var(--fg)}.ob-plot .pl.off{cursor:default}.ob-plot .pl.off .mk{stroke:var(--line-strong);stroke-dasharray:3 3}.ob-plot .pl.off text{fill:var(--muted);font-weight:500}@container obplot (max-width:419.98px){.ob-plot text{font-size:14px}.ob-plot .pl text{font-size:15px}}@container obplot (min-width:560px){.ob-plot text{font-size:9.5px}.ob-plot .pl text{font-size:10.5px}}@container obplot (min-width:640px){.ob-plot text{font-size:8.5px}.ob-plot .pl text{font-size:9.5px}}.ob-plot-caps{width:100%;display:grid}.ob-plot-cap-item{grid-area:1/1;align-content:start;justify-items:center;gap:10px;min-width:0;display:grid}.ob-plot-cap-item:not([data-on]){visibility:hidden}.ob-plot-cap-item[data-on]{animation:fade-in var(--d-2) var(--e-out)}.ob-plot-caps .mdl-badges{justify-content:center}.ob-plot-cap{text-align:center;max-width:440px;font-size:var(--fs-sm);color:var(--fg-2);text-wrap:balance;margin:0;line-height:1.5}.ob-plot-cap b{color:var(--fg);font-weight:600}@container obplot (min-width:560px){.ob-plot-cap{max-width:540px;font-size:14px}}@container ob (max-width:780px){.ob-grid{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.ob-stage{border-bottom:1px solid var(--line);order:-1;height:auto;min-height:0;position:relative}.ob-layer.on{position:relative;inset:auto}.ob-layer[data-layer="1"]{min-height:290px}.ob-layer[data-layer="3"]{padding:22px 16px}.ob-side{border-right:0}.ob-wide-only{display:none}.ob-narrow-only{display:inline}}@media (max-width:780px),(pointer:coarse){.ob-field input{font-size:16px}}