.driftcha{--dc-bg:#fff;--dc-surface:#f3f3f7;--dc-surface-hover:#e9e9f0;--dc-border:#e2e2ea;--dc-border-strong:#cfcfda;--dc-text:#17171c;--dc-muted:#676775;--dc-accent:#5b4ff0;--dc-accent-hover:#4b3fe2;--dc-accent-text:#fff;--dc-accent-ring:#5b4ff040;--dc-ok:#15993f;--dc-bad:#d42f2f;--dc-shadow:0 1px 2px #1010180d, 0 18px 40px -18px #10101838;--dc-radius:18px;--dc-radius-sm:11px;--dc-control-h:48px;--dc-font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--dc-mono:ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Consolas, monospace;--dc-max-width:640px;--dc-zoom-max-width:1120px;box-sizing:border-box;width:100%;max-width:var(--dc-max-width);border:1px solid var(--dc-border);border-radius:var(--dc-radius);background:var(--dc-bg);color:var(--dc-text);box-shadow:var(--dc-shadow);font:14px/1.45 var(--dc-font);text-align:left;-webkit-tap-highlight-color:transparent;padding:16px}@media (prefers-color-scheme:dark){.driftcha:not([data-theme=light]){--dc-bg:#15151b;--dc-surface:#1e1e26;--dc-surface-hover:#272731;--dc-border:#2a2a35;--dc-border-strong:#3a3a48;--dc-text:#ececf2;--dc-muted:#9a9aaa;--dc-accent:#8b80ff;--dc-accent-hover:#9d93ff;--dc-accent-text:#11101c;--dc-accent-ring:#8b80ff4d;--dc-ok:#3ad17e;--dc-bad:#ff7676;--dc-shadow:0 1px 2px #0006, 0 22px 48px -20px #000000b3}}.driftcha[data-theme=dark]{--dc-bg:#15151b;--dc-surface:#1e1e26;--dc-surface-hover:#272731;--dc-border:#2a2a35;--dc-border-strong:#3a3a48;--dc-text:#ececf2;--dc-muted:#9a9aaa;--dc-accent:#8b80ff;--dc-accent-hover:#9d93ff;--dc-accent-text:#11101c;--dc-accent-ring:#8b80ff4d;--dc-ok:#3ad17e;--dc-bad:#ff7676;--dc-shadow:0 1px 2px #0006, 0 22px 48px -20px #000000b3}.driftcha *,.driftcha :before,.driftcha :after{box-sizing:inherit}.dc-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 12px;margin-bottom:14px;display:flex}.dc-brand{align-items:center;gap:11px;min-width:0;display:flex}.dc-logo{flex:none;width:34px;height:34px}.dc-titles{min-width:0}.dc-title{letter-spacing:-.01em;font-size:15px;font-weight:650}.dc-subtitle{color:var(--dc-muted);font-size:12.5px}.dc-steps{gap:6px;margin:0;padding:0;list-style:none;display:flex}.dc-steps[hidden]{display:none}.dc-step{border:1px solid var(--dc-border);color:var(--dc-muted);border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 3px;font-size:12px;font-weight:550;transition:color .2s,border-color .2s;display:flex}.dc-step-num{background:var(--dc-surface);border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-weight:700;transition:background .2s,color .2s;display:grid}.dc-step.is-current{border-color:var(--dc-accent);color:var(--dc-text)}.dc-step.is-current .dc-step-num{background:var(--dc-accent);color:var(--dc-accent-text)}.dc-step.is-done{color:var(--dc-text)}.dc-step.is-done .dc-step-num{background:var(--dc-ok);color:#fff}.dc-stage{background:#000;border-radius:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.dc-canvas{width:100%;height:100%;display:block}.dc-zoom{z-index:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;opacity:.8;cursor:pointer;background:#0a0a1099;border:1px solid #fff3;border-radius:9px;place-items:center;width:32px;height:32px;padding:0;transition:opacity .15s,background .15s,transform 80ms;display:grid;position:absolute;top:8px;right:8px}.dc-zoom:hover,.dc-zoom:focus-visible{opacity:1;background:#0a0a10d9}.dc-zoom:active{transform:scale(.94)}.dc-zoom:focus-visible{outline-offset:2px;outline:2px solid #fff}.dc-zoom[hidden]{display:none}.dc-zoom svg{width:16px;height:16px}.dc-dialog{background:0 0;border:0;width:min(96vw,1120px,208vh - 421px);max-width:none;max-height:96vh;margin:auto;padding:0;overflow:visible}.dc-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#06060abf}.driftcha.is-zoomed{max-width:var(--dc-zoom-max-width);max-height:96vh;animation:.2s ease-out dc-zoom-in;overflow:auto}.dc-loading{z-index:2;background:#00000059;place-items:center;animation:.2s ease-out dc-fade-in;display:grid;position:absolute;inset:0}.dc-loading[hidden]{display:none}.dc-spinner{border:3px solid #ffffff38;border-top-color:#fff;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite dc-spin}.dc-overlay{z-index:2;-webkit-backdrop-filter:blur(4px)saturate(.5);backdrop-filter:blur(4px)saturate(.5);color:#fff;text-align:center;background:radial-gradient(circle at 50% 42%,#09090e9e,#09090ee6);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:16px;animation:.35s ease-out dc-fade-in;display:flex;position:absolute;inset:0}.dc-overlay[hidden]{display:none}.dc-overlay-icon{color:#fff;background:#22b45e;border-radius:50%;place-items:center;width:46px;height:46px;margin-bottom:6px;animation:.45s cubic-bezier(.2,1.4,.4,1) dc-pop;display:grid;box-shadow:0 0 0 7px #22b45e33}.dc-overlay[data-kind=error] .dc-overlay-icon{background:#e5484d;box-shadow:0 0 0 7px #e5484d33}.dc-overlay-icon svg{width:24px;height:24px}.dc-overlay-title{font-size:18px;font-weight:650}.dc-overlay-body{color:#ffffffb8;max-width:30em;font-size:13px}.dc-overlay-button{color:#fff;font:600 13px/1 var(--dc-font);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff3d;border-radius:999px;margin-top:10px;padding:7px 14px;transition:background .15s}.dc-overlay-button:hover{background:#ffffff2e}.dc-overlay-button:focus-visible{outline-offset:2px;outline:2px solid #fff}.dc-controls{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.dc-code{flex:auto;min-width:0;display:flex;position:relative}.dc-slots{flex:1;gap:8px;display:flex}.dc-slot{height:var(--dc-control-h);border:1px solid var(--dc-border-strong);border-radius:var(--dc-radius-sm);background:var(--dc-surface);color:var(--dc-text);font:650 22px/1 var(--dc-mono);font-variant-numeric:tabular-nums;flex:1 0 44px;place-items:center;transition:border-color .15s,box-shadow .15s,background .15s,color .15s;display:grid}.dc-slot.is-filled{background:var(--dc-bg)}.dc-slot.is-active{border-color:var(--dc-accent);box-shadow:0 0 0 3px var(--dc-accent-ring)}.dc-slot.is-caret:after{content:"";background:var(--dc-accent);border-radius:1px;width:2px;height:22px;animation:1.1s step-end infinite dc-blink}.driftcha[data-state=solved] .dc-slot.is-filled{border-color:var(--dc-ok);color:var(--dc-ok)}.dc-slots.is-shake{animation:.36s ease-in-out dc-shake}.dc-input{color:#0000;caret-color:#0000;cursor:text;background:0 0;border:0;outline:0;width:100%;height:100%;margin:0;padding:0 12px;font-size:16px;position:absolute;inset:0}.dc-input::selection{background:0 0}.dc-input:disabled{cursor:default}.dc-btn{min-width:7.5em;height:var(--dc-control-h);isolation:isolate;border:1px solid var(--dc-border-strong);border-radius:var(--dc-radius-sm);background:var(--dc-surface);color:var(--dc-text);font:600 14px/1 var(--dc-font);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;flex:auto;justify-content:center;align-items:center;gap:7px;padding:0 16px;transition:background .15s,border-color .15s,color .15s,transform 80ms;display:inline-flex;position:relative;overflow:hidden}.dc-btn:hover{background:var(--dc-surface-hover)}.dc-btn:active{transform:translateY(1px)}.dc-btn:focus-visible{outline:2px solid var(--dc-accent);outline-offset:2px}.dc-btn:disabled{opacity:.5;cursor:default;transform:none}.dc-btn[aria-busy=true]{cursor:progress}.dc-btn-primary{background:var(--dc-accent);color:var(--dc-accent-text);border-color:#0000}.dc-btn-primary:hover{background:var(--dc-accent-hover)}.dc-btn.is-ok{background:var(--dc-ok);color:#fff;border-color:#0000}.dc-btn.is-fail{background:var(--dc-bad);color:#fff;border-color:#0000}.dc-label{z-index:1;pointer-events:none;position:relative}.dc-icon{z-index:1;pointer-events:none;flex:none;width:16px;height:16px;position:relative}.dc-btn.is-busy .dc-icon{animation:.8s linear infinite dc-spin}.dc-progress{opacity:.55;transform-origin:0;pointer-events:none;background:currentColor;height:3px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.dc-status{min-height:1.45em;color:var(--dc-muted);margin:10px 2px 0;font-size:13px}.dc-status[data-tone=error]{color:var(--dc-bad)}.dc-status[data-tone=ok]{color:var(--dc-ok)}@keyframes dc-blink{50%{opacity:0}}@keyframes dc-shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@keyframes dc-spin{to{transform:rotate(360deg)}}@keyframes dc-fade-in{0%{opacity:0}}@keyframes dc-zoom-in{0%{opacity:0;transform:scale(.94)}}@keyframes dc-pop{0%{opacity:0;transform:scale(.4)}}@media (max-width:420px){.dc-step-name{display:none}.dc-step{padding-right:3px}}@media (prefers-reduced-motion:reduce){.driftcha *,.driftcha :before,.driftcha :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--bg:#f6f6f9;--fg:#16161c;--muted:#5d5d6b;--card:#fff;--border:#e3e3eb;--accent:#5b4ff0;--dot:#16162812;--glow:#5b4ff024;--code-bg:#efeff5}@media (prefers-color-scheme:dark){:root{--bg:#0b0b10;--fg:#ececf2;--muted:#9b9bab;--card:#13131a;--border:#25252f;--accent:#9b91ff;--dot:#ffffff0d;--glow:#8b80ff29;--code-bg:#1c1c25}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(60rem 30rem at 75% -10%, var(--glow), transparent 70%), radial-gradient(var(--dot) 1px, transparent 1.2px) 0 0 / 18px 18px, var(--bg);min-height:100vh;color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}a{color:inherit}.wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 16px}.site-header{justify-content:space-between;align-items:center;gap:16px;padding-top:20px;padding-bottom:20px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-weight:700;text-decoration:none;display:inline-flex}.site-nav{gap:20px;font-size:14px;display:flex}.site-nav a{color:var(--muted);text-decoration:none}.site-nav a:hover{color:var(--fg)}.hero{grid-template-columns:minmax(0,1fr) minmax(0,640px);align-items:center;gap:56px;padding:48px 0 72px;display:grid}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px;font-size:13px;font-weight:650}h1{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(32px,4.6vw,50px);line-height:1.08}h1 .accent{color:var(--muted)}.lede{max-width:34em;color:var(--muted);margin:20px 0 0;font-size:17px}.checks{gap:8px;margin:26px 0 0;padding:0;font-size:15px;list-style:none;display:grid}.checks li{align-items:center;gap:10px;display:flex}.checks li:before{content:"";background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 4px var(--glow);border-radius:50%;flex:none}.hero-demo{justify-items:stretch;gap:14px;display:grid}.mode{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.mode-switch{border:1px solid var(--border);background:var(--card);border-radius:999px;padding:3px;display:inline-flex}.mode-option{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 14px;font:600 13px/1.2 inherit;transition:background .15s,color .15s}.mode-option:hover:not(:disabled){color:var(--fg)}.mode-option[aria-checked=true]{background:var(--accent);color:#fff}.mode-option:disabled{opacity:.45;cursor:not-allowed}.mode-option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mode-note{color:var(--muted);flex:220px;margin:0;font-size:13px;line-height:1.45}.events{border:1px dashed var(--border);border-radius:14px;padding:14px 16px}.events h2{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:650}.events-list{gap:4px;min-height:1.6em;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.events-list li{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.events-list time{color:var(--muted);font-variant-numeric:tabular-nums}.events-list code{background:var(--code-bg);border-radius:6px;padding:1px 6px;font:12px/1.5 ui-monospace,SF Mono,Cascadia Mono,Consolas,monospace}.events-list code[data-kind=onSuccess]{color:#15993f}.events-list code[data-kind=onFail]{color:#d42f2f}.events-list code[data-kind=siteverify]{color:var(--accent)}.events-list .events-empty{color:var(--muted)}.section{border-top:1px solid var(--border);padding:40px 0 72px}.section-head{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:end;gap:12px 56px;margin-bottom:32px;display:grid}.section-head h2{letter-spacing:-.03em;margin:0;font-size:clamp(30px,3.6vw,44px);line-height:1.05}.section-head p{max-width:52ch;color:var(--muted);margin:0;font-size:16px}.figures{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.fig{margin:0}.fig canvas{aspect-ratio:13/6;width:100%;height:auto;image-rendering:pixelated;background:#000;border-radius:6px;display:block}.fig figcaption{color:var(--muted);margin-top:12px;font-size:14px;line-height:1.55}.fig figcaption b{color:var(--fg);font-weight:600}.fig-no{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;font:600 11px/1.4 ui-monospace,SF Mono,Cascadia Mono,Consolas,monospace;display:block}.fig-tools{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:20px;font-size:13px;display:flex}.fig-tools button{border:1px solid var(--border);color:var(--fg);cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px;font:600 13px/1.2 inherit;transition:border-color .15s,background .15s}.fig-tools button:hover{border-color:var(--accent)}.fig-tools button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sub{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:72px 0 0;padding-bottom:12px;scroll-margin-top:24px;font:600 12px/1 ui-monospace,SF Mono,Cascadia Mono,Consolas,monospace}.specs{border-top:1px solid var(--fg);margin:0}.spec{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,220px) minmax(0,1fr) auto;align-items:baseline;gap:6px 40px;padding:20px 0;display:grid}.spec dt{letter-spacing:-.01em;font-size:17px;font-weight:600}.spec dd{max-width:64ch;color:var(--muted);margin:0;font-size:15px}.spec .spec-where{color:var(--muted);white-space:nowrap;justify-self:end;font:12px/1.4 ui-monospace,SF Mono,Cascadia Mono,Consolas,monospace}.modes-wrap{border-top:1px solid var(--fg);overflow-x:auto}.modes{border-collapse:collapse;width:100%;font-size:15px}.modes th,.modes td{border-bottom:1px solid var(--border);text-align:left;vertical-align:baseline;padding:15px 18px}.modes :is(th,td):first-child{padding-left:0}.modes thead th{font-size:15px;font-weight:650}.modes tbody th{width:34%;color:var(--muted);font-weight:450}.modes .muted{color:var(--muted)}.modes[data-active=local] [data-col=local],.modes[data-active=server] [data-col=server]{background:color-mix(in srgb, var(--accent) 9%, transparent)}.modes[data-active=local] thead [data-col=local]:after,.modes[data-active=server] thead [data-col=server]:after{content:"in use";color:var(--accent);letter-spacing:.1em;text-transform:uppercase;vertical-align:2px;margin-left:8px;font:600 10px/1 ui-monospace,SF Mono,Cascadia Mono,Consolas,monospace}.fineprint{max-width:72ch;color:var(--muted);margin:18px 0 0;font-size:13.5px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:860px){.section-head{grid-template-columns:minmax(0,1fr)}.figures{grid-template-columns:minmax(0,1fr);max-width:560px}.spec{grid-template-columns:minmax(0,1fr)}.spec .spec-where{justify-self:start}}@media (max-width:520px){.modes{font-size:14px}.modes th,.modes td{padding:12px 10px}}.site-footer{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:24px;padding-bottom:32px;font-size:13px;display:flex}@media (max-width:900px){.hero{grid-template-columns:minmax(0,1fr);gap:32px;padding:24px 0 48px}.hero-demo{max-width:640px}}@media (max-width:520px){.site-nav{gap:14px}.site-nav a[href=\#limits]{display:none}.lede{font-size:16px}}