:root{--ink: #f2f4fb;--ink-soft: #b5bcd4;--ink-mute: #7d859f;--ink-faint: #565d76;--bg: #07080d;--bg-raise: #0d0f18;--bg-tint: #0a0c14;--edge: #1e2233;--edge-soft: #171a28;--indigo: #7b86ff;--cyan: #22d3ee;--violet: #a855f7;--emerald: #34d399;--amber: #fbbf24;--rose: #f97362;--shell: 1320px;--radius: 16px;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.65;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;overflow-x:hidden}img,svg{max-width:100%}a{color:inherit}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;padding:.75rem 1.25rem;background:var(--indigo);color:#06070c;font-weight:600;border-radius:0 0 10px}.skip-link:focus-visible{left:0}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:4px}.shell{width:100%;max-width:var(--shell);margin:0 auto;padding:0 clamp(1.25rem,4vw,2.5rem)}.backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.grid-plane{position:absolute;left:-25%;right:-25%;top:-10%;height:150%;background-image:linear-gradient(to right,rgb(123 134 255 / .07) 1px,transparent 1px),linear-gradient(to bottom,rgb(123 134 255 / .07) 1px,transparent 1px);background-size:68px 68px;transform:perspective(680px) rotateX(58deg) scale(1.9);transform-origin:50% 0%;mask-image:radial-gradient(ellipse 80% 55% at 50% 30%,#000 20%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 80% 55% at 50% 30%,#000 20%,transparent 78%)}.orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.4}.orb--indigo{width:46vw;height:46vw;min-width:340px;min-height:340px;top:-10vh;left:-8vw;background:radial-gradient(circle at 35% 35%,#4d5bff,transparent 68%)}.orb--cyan{width:36vw;height:36vw;min-width:280px;min-height:280px;top:14vh;right:-10vw;background:radial-gradient(circle at 60% 40%,#0fb9d6,transparent 68%);opacity:.3}.vignette{position:absolute;inset:0;background:radial-gradient(ellipse 120% 80% at 50% 0%,transparent 30%,rgb(7 8 13 / .78) 74%),linear-gradient(180deg,transparent 40%,var(--bg) 88%)}.noise{position:absolute;inset:-50%;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:1.5rem;padding:.9rem clamp(1.25rem,4vw,2.5rem);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#07080dd1;border-bottom:1px solid var(--edge-soft)}.brand{display:inline-flex;align-items:baseline;gap:.6rem;text-decoration:none;font-weight:700;letter-spacing:-.03em;font-size:1.15rem;margin-right:auto}.brand__mark{width:26px;height:26px;flex:none;align-self:center}.brand__sub{font-weight:500;font-size:.95rem;color:var(--ink-mute);letter-spacing:-.01em}.topnav{display:flex;gap:1.75rem;font-size:.94rem;color:var(--ink-soft)}.topnav a{text-decoration:none;position:relative;padding-bottom:2px;transition:color .2s ease}.topnav a:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:linear-gradient(90deg,var(--indigo),var(--cyan));transition:width .25s ease}.topnav a:hover{color:var(--ink)}.topnav a:hover:after{width:100%}.topbar__actions{display:flex;gap:.6rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.05rem;border-radius:10px;font-size:.92rem;font-weight:600;font-family:inherit;text-decoration:none;white-space:nowrap;cursor:pointer;border:1px solid transparent;transition:transform .18s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease}.btn--lg{padding:.85rem 1.5rem;font-size:1rem;border-radius:12px}.btn--full{width:100%}.btn--solid{background:linear-gradient(135deg,#5f6bff,#4c5cf5 55%,#2f9fd6);color:#fff;box-shadow:0 6px 24px #4c5cf552}.btn--solid:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 34px #4c5cf573}.btn--ghost{border-color:var(--edge);color:var(--ink-soft);background:#ffffff05}.btn--ghost:hover:not(:disabled){border-color:#39405c;color:var(--ink);background:#ffffff0d;transform:translateY(-2px)}.btn:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}main{position:relative;z-index:1}.intro{padding:clamp(3rem,8vh,5.5rem) 0 clamp(2rem,5vh,3rem)}.eyebrow{display:inline-flex;align-items:center;gap:.6rem;margin:0 0 1.5rem;padding:.4rem .9rem .4rem .7rem;border:1px solid var(--edge);border-radius:999px;background:#ffffff06;font-size:.82rem;color:var(--ink-soft)}.dot{width:7px;height:7px;flex:none;border-radius:50%;background:var(--emerald);box-shadow:0 0 #34d39999;animation:pulse 2.4s ease-out infinite}.dot--down{background:var(--rose);animation:none}@keyframes pulse{0%{box-shadow:0 0 #34d3998c}70%{box-shadow:0 0 0 9px #34d39900}to{box-shadow:0 0 #34d39900}}.intro__title{margin:0 0 1.4rem;font-size:clamp(2.2rem,6vw,4.1rem);line-height:1.05;letter-spacing:-.045em;font-weight:700}.grad{background:linear-gradient(100deg,#8b95ff,#22d3ee 55%,#6ee7b7);-webkit-background-clip:text;background-clip:text;color:transparent}.intro__lede{max-width:62ch;margin:0 0 2rem;font-size:clamp(1.02rem,1.7vw,1.2rem);color:var(--ink-soft)}.intro__lede em{font-style:normal;font-family:var(--mono);font-size:.92em;color:var(--ink)}.warnbox{max-width:78ch;padding:1.3rem 1.5rem;border:1px solid rgb(251 191 36 / .32);border-left-width:2px;border-radius:0 var(--radius) var(--radius) 0;background:#fbbf240d}.warnbox__title{margin:0 0 .75rem;font-size:1rem;letter-spacing:-.01em;color:var(--amber)}.warnbox ul{margin:0;padding-left:1.1rem;display:grid;gap:.5rem;font-size:.94rem;color:var(--ink-mute)}.warnbox strong{color:var(--ink-soft)}.workbench{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:2rem;align-items:start;padding-bottom:clamp(3rem,8vh,5rem)}.steps{display:grid;gap:1.5rem;min-width:0}.step{border:1px solid var(--edge-soft);border-radius:var(--radius);background:linear-gradient(180deg,#0d0f18eb,#0a0c14eb);overflow:hidden;transition:border-color .3s ease}.step.is-done{border-color:#34d39952}.step.is-failed{border-color:#f9736257}.step.is-running{border-color:#22d3ee66}.step__head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:0 1rem;align-items:start;padding:1.4rem 1.5rem 1.1rem}.step__num{font-family:var(--mono);font-size:.82rem;letter-spacing:.1em;color:var(--ink-faint);padding-top:.35rem}.step__title{margin:0 0 .4rem;font-size:1.14rem;line-height:1.3;letter-spacing:-.02em}.step__blurb{margin:0;font-size:.94rem;color:var(--ink-mute);max-width:74ch}.tag{align-self:start;padding:.24rem .65rem;border-radius:999px;font-family:var(--mono);font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;cursor:help}.tag--local{color:var(--ink-mute);background:#ffffff0a;border:1px solid var(--edge)}.tag--read{color:var(--cyan);background:#22d3ee1a;border:1px solid rgb(34 211 238 / .3)}.tag--write{color:var(--amber);background:#fbbf241a;border:1px solid rgb(251 191 36 / .3)}.tag--node{color:#c084fc;background:#a855f71a;border:1px solid rgb(168 85 247 / .32)}.step__note{margin:0 1.5rem .5rem;padding:.75rem 1rem;border-left:2px solid rgb(168 85 247 / .5);border-radius:0 8px 8px 0;background:#a855f712;font-size:.88rem;color:var(--ink-mute)}.step__editor{margin:.4rem 0 0;border-top:1px solid var(--edge-soft);border-bottom:1px solid var(--edge-soft);background:#06070c}.step__editor .cm-editor{max-height:460px}.step__bar{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;padding:1rem 1.5rem}.step__hint{font-size:.84rem;color:var(--ink-faint);font-family:var(--mono)}.step__hint--blocked{color:var(--amber)}.step__out:not(:empty){padding:0 1.5rem 1.4rem}.step__meta{font-family:var(--mono);font-size:.76rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.7rem}.logs:not(:empty){margin-bottom:.9rem;padding:.6rem .9rem;border-left:2px solid var(--edge);font-family:var(--mono);font-size:.83rem;color:var(--ink-mute)}.logs__line:before{content:"› ";color:var(--ink-faint)}.result{border:1px solid var(--edge-soft);border-radius:12px;background:#ffffff05;padding:1.1rem 1.25rem}.result--error{border-color:#f9736259;background:#f973620f}.result__errline{font-family:var(--mono);font-size:.9rem;color:#ffb3a8;overflow-wrap:anywhere}.result__hint{margin:.7rem 0 0;font-size:.9rem;color:var(--ink-mute)}.result__empty{margin:0;font-size:.92rem;color:var(--ink-mute)}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.1rem 1.5rem;align-items:start}.field--wide{grid-column:1 / -1}.field__key{font-family:var(--mono);font-size:.74rem;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.4rem}.field__mono code{font-family:var(--mono);font-size:.86rem;color:#c8d0ee;overflow-wrap:anywhere}.field__text{font-size:.95rem;color:var(--ink-soft)}.field__actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.field__warn{margin:.6rem 0 0;font-size:.85rem;color:var(--amber);opacity:.85}.chip{display:inline-flex;align-items:center;padding:.24rem .6rem;border-radius:7px;border:1px solid var(--edge);background:#ffffff08;font-family:var(--mono);font-size:.74rem;color:var(--ink-mute);text-decoration:none;cursor:pointer;transition:color .2s ease,border-color .2s ease}.chip:hover{color:var(--ink);border-color:#39405c}.chip--link{color:var(--cyan);border-color:#22d3ee47}.pill{display:inline-block;padding:.22rem .65rem;border-radius:999px;font-family:var(--mono);font-size:.8rem;border:1px solid var(--edge);color:var(--ink-soft);background:#ffffff08}.pill--yes{color:var(--emerald);border-color:#34d39959;background:#34d3991a}.pill--no{color:var(--amber);border-color:#fbbf2452;background:#fbbf2414}.pill--none{color:var(--ink-faint)}.phrase{display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:.4rem;margin:0;padding:0;list-style:none;counter-reset:word}.phrase li{counter-increment:word;padding:.4rem .6rem;border:1px solid var(--edge-soft);border-radius:8px;background:#ffffff06;font-family:var(--mono);font-size:.84rem;color:var(--ink)}.phrase li:before{content:counter(word);display:inline-block;width:1.4em;color:var(--ink-faint);font-size:.78em}.address{display:flex;gap:1.1rem;align-items:flex-start;flex-wrap:wrap}.address>div:first-child{flex:1 1 220px;min-width:0}.qr{flex:none;width:118px;padding:8px;border-radius:10px;background:#f2f4fb;line-height:0}.qr svg{width:100%;height:auto;display:block}.json{margin:0;padding:.85rem 1rem;border-radius:10px;background:#06070c;border:1px solid var(--edge-soft);overflow-x:auto;max-height:340px;font-family:var(--mono);font-size:.8rem;line-height:1.6;color:#b6c0e0}.raw{margin-top:1rem}.raw summary{cursor:pointer;font-family:var(--mono);font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.6rem}.raw summary:hover{color:var(--ink-mute)}.rail{min-width:0}.rail__sticky{position:sticky;top:88px;display:grid;gap:1rem}.rail__card{padding:1.15rem 1.25rem;border:1px solid var(--edge-soft);border-radius:var(--radius);background:linear-gradient(180deg,#0d0f18f0,#0a0c14f0)}.rail__title{margin:0 0 .3rem;font-size:.78rem;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.rail__note{margin:.55rem 0 .9rem;font-size:.82rem;color:var(--ink-faint)}.rail__note:last-child{margin-bottom:0}.rail__empty{margin:0 0 1rem;font-size:.87rem;color:var(--ink-mute)}.rail__status{display:flex;align-items:center;gap:.55rem;margin:.6rem 0 0;font-family:var(--mono);font-size:.82rem;color:var(--ink-soft)}.srow{padding:.7rem 0;border-top:1px solid var(--edge-soft)}.srow:first-child{border-top:none}.srow__label{font-family:var(--mono);font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.3rem}.srow__value{display:block;font-family:var(--mono);font-size:.78rem;color:#c8d0ee;overflow-wrap:anywhere}.srow__actions{display:flex;gap:.35rem;margin-top:.45rem}.closing{padding:0 clamp(1.25rem,4vw,2.5rem) clamp(4rem,10vh,7rem);max-width:900px}.closing__title{margin:0 0 1rem;font-size:clamp(1.7rem,3.4vw,2.4rem);letter-spacing:-.03em;line-height:1.15}.closing__body{margin:0 0 1.8rem;color:var(--ink-soft);font-size:clamp(1rem,1.5vw,1.1rem)}.closing__cta{display:flex;flex-wrap:wrap;gap:.85rem}.footer{position:relative;z-index:1;border-top:1px solid var(--edge-soft);background:#05060ad9;padding:2.75rem 0}.footer__inner{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem 2rem}.footer__brand{display:inline-flex;align-items:center;gap:.55rem;font-weight:700;letter-spacing:-.03em;color:var(--ink-soft)}.footer__links{display:flex;flex-wrap:wrap;gap:1.5rem;margin-left:auto;font-size:.92rem;color:var(--ink-mute)}.footer__links a{text-decoration:none;transition:color .2s ease}.footer__links a:hover{color:var(--ink)}.footer__note{flex-basis:100%;margin:0;padding-top:1.25rem;border-top:1px solid var(--edge-soft);font-size:.85rem;color:var(--ink-faint)}@media (max-width: 1080px){.workbench{grid-template-columns:minmax(0,1fr)}.rail{order:-1}.rail__sticky{position:static;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}@media (max-width: 860px){.topnav{display:none}}@media (max-width: 620px){body{font-size:16px}.topbar__actions .btn--ghost,.brand__sub{display:none}.step__head{grid-template-columns:auto minmax(0,1fr);row-gap:.7rem}.tag{grid-column:2}.step__head,.step__bar,.step__out:not(:empty){padding-left:1.1rem;padding-right:1.1rem}.step__note{margin-left:1.1rem;margin-right:1.1rem}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}