.dd{--dd-pace: 1;--dd-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;position:relative;overflow-x:clip;scroll-margin-top:4rem}.dd-grid{display:grid;max-width:66.5rem}.dd-stack{display:grid}.dd-stack>*{grid-area:1 / 1}.dd-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:2rem}.dd-label{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-fg-subtle)}.dd-toggle{display:inline-flex;align-items:center;gap:.4rem;height:2rem;padding:0 .8rem 0 .65rem;border-radius:9999px;border:1px solid var(--color-border);background:var(--color-surface);font-size:.8125rem;font-weight:500;color:var(--color-fg-muted);cursor:pointer;transition:color .2s,border-color .2s}.dd-toggle:hover{color:var(--color-fg);border-color:var(--color-border-strong)}.dd-toggle[hidden]{display:none}.dd-toggle svg{width:.85rem;height:.85rem;display:none}.dd-toggle[data-state=playing] .dd-icon-pause,.dd-toggle[data-state=paused] .dd-icon-play,.dd-toggle[data-state=finished] .dd-icon-replay{display:block}.dd-tabs ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.dd-tab{position:relative;display:block;padding-top:.8rem;color:var(--color-fg-subtle);border-radius:.25rem}.dd-tab-bar{position:absolute;inset:0 0 auto;height:3px;overflow:hidden;border-radius:9999px;background:var(--color-border)}.dd-tab-fill{display:block;height:100%;background:var(--color-accent);transform-origin:left;transform:scaleX(var(--p, 0))}.dd-tab-label{display:block;font-size:.8125rem;font-weight:500;transition:color .2s}.dd-tab-caption{display:none;margin-top:.2rem;font-size:.9375rem;line-height:1.35;color:var(--color-fg-subtle);transition:color .2s}.dd-tab:hover .dd-tab-label,.dd-tab:hover .dd-tab-caption{color:var(--color-fg)}.dd-tab.is-done .dd-tab-label{color:var(--color-fg-muted)}.dd-tab[aria-current=step] .dd-tab-label{color:var(--color-accent)}.dd-tab[aria-current=step] .dd-tab-caption{color:var(--color-fg)}@media(min-width:768px){.dd-tabs ol{gap:1.25rem}.dd-tab-label{font-size:.875rem}.dd-tab-caption{display:block}}.dd-step-num{font-size:.875rem;font-weight:500;color:var(--color-accent)}.dd-caption{margin-top:.4rem;font-size:1.5rem;line-height:1.2;font-weight:600;letter-spacing:var(--tracking-display);color:var(--color-fg);text-wrap:balance}.dd-body{margin-top:.5rem;max-width:36rem;color:var(--color-fg-muted);line-height:1.6;text-wrap:pretty}@media(min-width:768px){.dd-caption{font-size:1.875rem}}.dd-term-body b{font-weight:700;color:#fff}.dd-t-dim{color:#8d8f9c}.dd-t-head{display:flex;align-items:center;gap:1rem;margin-bottom:1.4em}.dd-t-mascot{width:2.6em;height:auto;flex:none}.dd-t-prompt{display:flex;gap:.7em;margin:0 -.5em 1.1em;padding:.15em .5em;background:#363843;color:#f2f2f4}.dd-t-history{margin-bottom:.4em;opacity:.6}.dd-t-lines{display:flex;flex-direction:column;gap:.35em;margin-bottom:.9em}.dd-t-line{display:flex;align-items:baseline;gap:.7em}.dd-t-line>.dd-stack{width:.9em;height:1.65em;flex:none;align-self:flex-start;place-items:center}.dd-t-dot{width:.62em;height:.62em;border-radius:9999px;background:#4ec26b;flex:none;transform:translateY(-.05em)}.dd-t-dot--white{background:#e7e7ea}.dd-t-dot--dim{background:#8d8f9c}.dd-t-sub{display:flex;gap:.7em;padding-left:1.6em;margin-top:.15em}.dd-t-link{position:relative;color:#b4b7ff;text-decoration:underline dashed;text-underline-offset:.3em}.dd-t-working{color:#e59a7d}.dd-t-input{display:flex;gap:.7em;align-items:center;margin-top:auto;padding:.55em .2em;border-top:1px solid #454752;border-bottom:1px solid #454752}.dd-t-status{margin-top:.4em;color:#8d8f9c;font-size:.92em}.dd-caret{width:.6em;height:1.2em;background:#e7e7ea;animation:dd-blink 1.1s steps(1) infinite}.dd-spinner{display:inline-block;height:1.65em;overflow:hidden;color:#d97757;line-height:1.65;flex:none}.dd-spinner>span{display:flex;flex-direction:column;align-items:center;animation:dd-spin 1.1s steps(10) infinite}.dd-spinner--accent{color:var(--color-accent);height:1.5em;line-height:1.5}.dd-type{display:inline-block;white-space:nowrap;overflow:hidden;vertical-align:top}.dd-console{display:flex;flex-direction:column;height:100%;background:var(--color-bg);font-size:13px}.dd-console-bar{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#fff;border-bottom:1px solid var(--color-border)}.dd-console-main{flex:1;display:flex;align-items:center;justify-content:center;padding:.75rem}.dd-card{width:100%;max-width:36rem;padding:.9rem 1rem;border-radius:1rem;background:#fff;border:1px solid var(--color-border);box-shadow:0 8px 16px #18181b0d}@container dd-win (width >= 40rem){.dd-console{font-size:14px}.dd-console-main{padding:1.5rem}.dd-card{padding:1.5rem 1.6rem}}.dd-badge{display:inline-flex;align-items:center;gap:.4rem;justify-self:start;padding:.15rem .6rem;border-radius:9999px;font-size:11.5px;font-weight:500}.dd-badge--pending{background:#fffbeb;color:#92400e;box-shadow:inset 0 0 0 1px #fde68a}.dd-badge--ok{background:var(--color-accent-soft);color:var(--color-accent-hover);box-shadow:inset 0 0 0 1px #a7f3d0}.dd-card-title{margin-top:.65rem;font-size:1.2em;font-weight:600;letter-spacing:-.015em;color:var(--color-fg)}.dd-card-intro{margin-top:.2rem;color:var(--color-fg-muted)}.dd-rows{margin-top:.7rem;border-top:1px solid var(--color-border)}.dd-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--color-border)}.dd-row dt{display:flex;align-items:center;gap:.5rem;flex:none;color:var(--color-fg-muted)}.dd-row dd{font-weight:500;color:var(--color-fg);text-align:right}.dd-row-icon{width:1.1em;height:1.1em;color:var(--color-accent);flex:none;align-self:center}.dd-cost{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.75rem;padding:.65rem .8rem;border-radius:.75rem;background:var(--color-surface-soft)}.dd-cost-amount{flex:none;font-size:1.35em;font-weight:600;color:var(--color-fg);letter-spacing:-.01em}.dd-cost-amount span{font-size:.65em;font-weight:500;color:var(--color-fg-muted)}.dd-card-foot{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-top:.85rem}@container dd-win (width >= 40rem){.dd-card-foot{justify-content:space-between;margin-top:1rem}}.dd-details{display:inline-flex;align-items:center;gap:.25rem;font-weight:500;color:var(--color-fg-muted)}.dd-btn{position:relative;display:inline-flex;align-items:center;height:2.25rem;padding:0 1rem;border-radius:9999px;font-weight:500;white-space:nowrap}.dd-btn--ghost{border:1px solid var(--color-border);color:var(--color-fg)}.dd-btn--primary{background:var(--color-accent);color:#fff}.dd-approved{display:inline-flex;align-items:center;gap:.45rem;height:2.25rem;font-weight:500;color:var(--color-accent-hover)}.dd-signin{position:absolute;inset:2.5rem 0 0;display:flex;align-items:center;justify-content:center;background:color-mix(in oklab,var(--color-bg) 92%,transparent);backdrop-filter:blur(3px);z-index:4}.dd-signin-card{display:flex;flex-direction:column;align-items:center;padding:1.5rem 2rem;border-radius:1rem;background:#fff;border:1px solid var(--color-border);font-size:14px;text-align:center}.dd-signin-bar{display:block;height:100%;width:40%;border-radius:9999px;background:var(--color-accent);animation:dd-load calc(.9s * var(--dd-pace, 1)) ease-in-out both}.dd-done{position:absolute;inset:2.5rem 0 0;z-index:5;display:flex;align-items:center;justify-content:center;background:color-mix(in oklab,#fff 45%,transparent);pointer-events:none}.dd-replay{display:inline-flex;align-items:center;gap:.45rem;height:2.5rem;padding:0 1.2rem 0 1rem;border-radius:9999px;background:var(--color-accent);color:var(--color-accent-fg);font-size:.9375rem;font-weight:500;cursor:pointer;box-shadow:0 8px 20px #0596694d;transition:background-color .2s}.dd-replay:hover{background:var(--color-accent-hover)}.dd-replay svg{width:1rem;height:1rem}.dd-replay[hidden]{display:none}.dd-live .dd-replay{grid-area:stage;align-self:start;justify-self:center;z-index:2;margin-top:calc((20px + var(--dd-h, 540px) / 2 + 90px) * var(--dd-scale, 1));animation:dd-in .4s ease both}.dd-done-mark{width:7.5rem;height:7.5rem;filter:drop-shadow(0 10px 24px rgba(5,150,105,.25))}.dd-done-circle{fill:#fff;stroke:var(--color-accent);stroke-width:5;stroke-dasharray:1}.dd-done-check{fill:none;stroke:var(--color-accent);stroke-width:9;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1}.dd-cursor{position:absolute;left:0;top:0;z-index:6;width:20px;height:22px;pointer-events:none;translate:var(--tx, 0) var(--ty, 0);display:none}.dd-cursor svg{position:relative;z-index:1;width:100%;height:100%;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}.dd-click{position:absolute;left:-12px;top:-12px;width:28px;height:28px;border-radius:9999px;background:color-mix(in oklab,var(--color-accent) 45%,transparent);opacity:0}.dd-flash{position:absolute;inset:-3px -6px;border-radius:.5rem;pointer-events:none;opacity:0;background:#b4b7ff47}.dd-flash--light{inset:0;border-radius:9999px;background:#0000002e}.dd:not(.dd-live){padding-block:4rem 5rem}.dd:not(.dd-live) [data-out]:not([data-static=show]),.dd:not(.dd-live) [data-static=hide]{display:none}.dd:not(.dd-live) .dd-grid{row-gap:1.25rem}.dd:not(.dd-live) .dd-tabs{margin-bottom:1.5rem}.dd:not(.dd-live) .dd-text{scroll-margin-top:5rem}.dd:not(.dd-live) .dd-pane{margin-bottom:2.5rem}.dd:not(.dd-live) .dd-term-body,.dd:not(.dd-live) .dd-browser-body{min-height:17rem}@media(min-width:1024px){.dd:not(.dd-live){padding-block:6rem 7rem}.dd:not(.dd-live) .dd-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:3.5rem;row-gap:4.5rem;align-items:center}.dd:not(.dd-live) .dd-head,.dd:not(.dd-live) .dd-tabs{grid-column:1 / -1}.dd:not(.dd-live) .dd-tabs{margin-bottom:0;margin-top:-3.5rem}.dd:not(.dd-live) .dd-pane{margin-bottom:0}}.dd-live{padding-block:.5rem 3rem}.dd-live .dd-grid{grid-template-areas:"head" "tabs" "text" "stage";row-gap:.65rem}.dd-live .dd-head{grid-area:head}.dd-live .dd-tabs{grid-area:tabs}.dd-live .dd-text{grid-area:text;transition:opacity .3s ease .12s}.dd-live .dd-text:not(.is-active){opacity:0;transition:opacity .12s}.dd-live .dd-step-num{display:none}.dd-live .dd-caption{margin-top:0;font-size:1.25rem}.dd-live .dd-body{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(min-width:768px){.dd-live{padding-block:1.5rem 3.5rem}.dd-live .dd-grid{grid-template-areas:"head" "tabs" "stage";row-gap:1.1rem}.dd-live .dd-text{grid-area:auto;position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.dd-live .dd-pane{grid-area:stage;min-width:0;display:flex;justify-content:center;align-items:flex-start;height:calc(var(--dd-h, 540px) * var(--dd-scale, 1));transition:opacity .45s ease,scale .55s cubic-bezier(.2,.7,.2,1),translate .55s cubic-bezier(.2,.7,.2,1)}.dd-live .dd-pane:not(.is-active){opacity:0;scale:.975;translate:0 10px;visibility:hidden;transition:opacity .3s,scale .4s,translate .4s,visibility 0s .4s}.dd-live .dd-window{flex:none;width:var(--dd-w, 1000px);height:var(--dd-h, 540px);transform:scale(var(--dd-scale, 1));transform-origin:top center}.dd-live .dd-cursor{display:block}.dd-live .x-off{opacity:0!important;visibility:hidden}.dd-live .x-enter{animation:dd-in calc(.4s * var(--dd-pace)) cubic-bezier(.2,.7,.2,1) calc(var(--d, 0s) * var(--dd-pace)) both}.dd-live .x-enter.x-leave{animation:dd-in calc(.4s * var(--dd-pace)) cubic-bezier(.2,.7,.2,1) calc(var(--d, 0s) * var(--dd-pace)) both,dd-out calc(.25s * var(--dd-pace)) ease calc(var(--d-out, 1s) * var(--dd-pace)) forwards}.dd-live .x-on.x-leave{animation:dd-out calc(.25s * var(--dd-pace)) ease calc(var(--d-out, 1s) * var(--dd-pace)) forwards}.dd-live .dd-type.x-enter{animation:dd-type calc(var(--n) * 32ms * var(--dd-pace)) steps(var(--n)) calc(var(--d, 0s) * var(--dd-pace)) both}.dd-live .dd-flash.x-on{opacity:0}.dd-live .dd-flash.x-enter{animation:dd-flash calc(.55s * var(--dd-pace)) ease calc(var(--d, 0s) * var(--dd-pace)) both}.dd-live .dd-cursor.x-enter{animation:dd-cursor calc(.85s * var(--dd-pace)) cubic-bezier(.45,.05,.25,1) calc(var(--d, 0s) * var(--dd-pace)) both}.dd-live .dd-cursor.x-enter svg{animation:dd-press calc(.3s * var(--dd-pace)) ease calc((var(--d, 0s) + .85s) * var(--dd-pace)) both}.dd-live .dd-cursor.x-enter .dd-click{animation:dd-ripple calc(.55s * var(--dd-pace)) ease-out calc((var(--d, 0s) + .85s) * var(--dd-pace)) both}.dd-live .dd-done.x-enter .dd-done-mark{animation:dd-pop calc(.5s * var(--dd-pace)) cubic-bezier(.2,.9,.3,1.3) calc(var(--d, 0s) * var(--dd-pace)) both}.dd-live .dd-done.x-enter .dd-done-circle{animation:dd-draw calc(.5s * var(--dd-pace)) ease-out calc(var(--d, 0s) * var(--dd-pace)) both}.dd-live .dd-done.x-enter .dd-done-check{animation:dd-draw calc(.35s * var(--dd-pace)) ease-out calc((var(--d, 0s) + .45s) * var(--dd-pace)) both}.dd-live .dd-signin .dd-signin-bar{animation-play-state:paused}.dd-live .dd-signin.x-enter .dd-signin-bar{animation-play-state:running}.dd-paused *,.dd-paused *:before,.dd-paused *:after{animation-play-state:paused!important}.dd-paused .dd-replay{animation-play-state:running!important}@keyframes dd-in{0%{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}@keyframes dd-out{to{opacity:0;visibility:hidden}}@keyframes dd-type{0%{width:0}}@keyframes dd-spin{to{transform:translateY(-100%)}}@keyframes dd-blink{50%{opacity:0}}@keyframes dd-load{0%{transform:translate(-100%)}to{transform:translate(250%)}}@keyframes dd-flash{0%{opacity:0}25%{opacity:1}to{opacity:0}}@keyframes dd-cursor{0%{translate:var(--sx, 0) var(--sy, 0);opacity:0}20%{opacity:1}to{translate:var(--tx, 0) var(--ty, 0);opacity:1}}@keyframes dd-press{40%{transform:scale(.82)}}@keyframes dd-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes dd-pop{0%{transform:scale(.8)}}@keyframes dd-ripple{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.6)}}