:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:#111115;--bg-canvas:#15151a;--surface:#1c1c22;--surface-2:#24242b;--surface-3:#2d2d35;--border:#2e2e37;--border-strong:#73737f;--text:#ededf2;--text-muted:#a0a0ae;--brand:#8e7cff;--brand-hover:#a294ff;--brand-soft:#2a2450;--brand-text:#b3a8ff;--on-brand:#111115;--step-wash:#211d42;--edge-async:#3ccbb6;--edge-fail:#ff6a5f;--node-actor:#4fa8e8;--node-service:#8ccdf2;--node-database:#3dc495;--node-queue:#f0b230;--node-neutral:#a0a0ae;--flag-br-green:#009c3b;--flag-br-yellow:#ffdf00;--flag-br-blue:#002776;--flag-us-red:#b22234;--flag-us-navy:#3c3b6e;--syn-keyword:#b3a8ff;--syn-string:#6ed7b0;--syn-arrow:#e394c2;--shadow-md:0 1px 2px #00000080, 0 6px 16px #0006;--shadow-lg:0 2px 4px #00000080, 0 20px 48px #000000a6;--font-sans:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"Geist Mono", ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--fast:.15s;--slow:.52s;--header-h:88px;--transport-h:56px;--gutter:44px;--lane-0:216px;--lane-1:468px;--lane-2:720px;--lane-3:972px;--lane-4:1224px}:root[data-compact]{--header-h:100px}@font-face{font-family:Geist;src:url(../fonts/Geist-Variable.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Geist Mono;src:url(../fonts/GeistMono-Variable.woff2)format("woff2");font-weight:100 900;font-display:swap}*,:before,:after{box-sizing:border-box}html{background:var(--bg-app);scrollbar-color:var(--surface-3) var(--bg-app);-webkit-text-size-adjust:100%;overflow-x:clip}body{padding-bottom:var(--transport-h);background:var(--bg-app);color:var(--text);font:400 1rem/1.6 var(--font-sans);font-feature-settings:"ss01";-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}h1,h2,h3,p,ol,ul,dl,dd,figure{margin:0}ol,ul{padding:0;list-style:none}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}button{font:inherit;color:inherit}img{max-width:100%;display:block}::selection{background:var(--brand);color:var(--on-brand)}:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:var(--surface-3);border:3px solid var(--bg-app);border-radius:var(--radius-full)}::-webkit-scrollbar-track{background:var(--bg-app)}.lp-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lp-skip{z-index:30;border-radius:var(--radius-sm);background:var(--brand);color:var(--on-brand);padding:10px 14px;font-weight:600;text-decoration:none;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.lp-skip:focus-visible{transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.lp-icon{flex:none}.lp-logo{color:var(--text);align-items:center;gap:7px;display:inline-flex}.lp-logo__impulse{fill:var(--brand)}.lp-logo__word{letter-spacing:-.03em;font-size:1.125rem;font-weight:600;line-height:1}.lp-btn{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);height:36px;color:var(--text);white-space:nowrap;cursor:pointer;transition:background-color var(--fast) var(--ease-out), border-color var(--fast) var(--ease-out), transform var(--fast) var(--ease-out);justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:.875rem;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.lp-btn:hover{background:var(--surface-2);border-color:var(--text-muted)}.lp-btn:active{transform:translateY(1px)}.lp-btn--lg{border-radius:var(--radius-md);height:52px;padding:0 22px;font-size:1.0625rem}.lp-btn--primary{border-color:var(--brand);background:var(--brand);color:var(--on-brand);font-weight:600}.lp-btn--primary:hover{border-color:var(--brand-hover);background:var(--brand-hover)}.lp-btn--primary .lp-icon{transition:transform var(--fast) var(--ease-out)}.lp-btn--primary:hover .lp-icon{transform:translate(3px)}.lp-iconbtn{border-radius:var(--radius-full);width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:background-color var(--fast) var(--ease-out), color var(--fast) var(--ease-out);background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.lp-iconbtn:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.lp-iconbtn:disabled{opacity:.4;cursor:default}.lp-iconbtn--brand{background:var(--brand);color:var(--on-brand)}.lp-iconbtn--brand:hover:not(:disabled){background:var(--brand-hover);color:var(--on-brand)}.lp-msg{z-index:2;pointer-events:none;height:72px;position:relative}.lp-msg__label{left:calc((var(--from) + var(--to)) / 2);border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-muted);white-space:nowrap;pointer-events:auto;transition:background-color var(--slow) var(--ease-out), color var(--slow) var(--ease-out);padding:4px 12px;font-size:.8125rem;font-weight:500;line-height:1.25rem;text-decoration:none;position:absolute;top:50%;transform:translate(-50%,calc(-100% - 9px))}.lp-msg[data-state=active] .lp-msg__label,.lp-msg[data-state=waiting] .lp-msg__label{background:var(--brand-soft);color:var(--brand-text)}.lp-msg[data-state=done] .lp-msg__label{color:var(--text)}.lp-msg[data-kind=fail][data-state=done] .lp-msg__label{color:var(--edge-fail)}.lp-msg[data-kind=async][data-state=done] .lp-msg__label{color:var(--edge-async);font-family:var(--font-mono)}a.lp-msg__label:hover{text-decoration:underline}.lp-lane{top:22px;left:var(--lane);border:1.5px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);width:124px;height:44px;color:var(--text);letter-spacing:-.01em;white-space:nowrap;transition:background-color var(--fast) var(--ease-out), border-color var(--fast) var(--ease-out), color var(--fast) var(--ease-out);justify-content:center;align-items:center;gap:6px;font-size:.875rem;font-weight:600;text-decoration:none;display:flex;position:absolute;transform:translate(-50%)}.lp-lane .lp-icon{color:var(--node-actor)}.lp-lane:hover{border-color:var(--text)}.lp-lane[aria-current]{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-text)}.lp-lane--primary{border-color:var(--brand);background:var(--brand);color:var(--on-brand)}.lp-lane--primary .lp-icon{color:inherit;transition:transform var(--fast) var(--ease-out)}.lp-lane--primary:hover{border-color:var(--brand-hover);background:var(--brand-hover)}.lp-lane--primary:hover .lp-icon{transform:translate(3px)}:root[data-mid] .lp-lane{width:112px;font-size:.8125rem}:root[data-compact] .lp-lane{width:auto;height:28px;color:var(--text-muted);background:0 0;border:0;padding:0 2px;font-size:.8125rem;font-weight:500;position:static;transform:none}:root[data-compact] .lp-lane[aria-current]{color:var(--brand-text);background:0 0}:root[data-compact] .lp-lane:first-child{flex:none;width:28px;padding:0}:root[data-compact] .lp-lane:first-child .lp-lane__name{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}:root[data-compact] .lp-lane:first-child{border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:8px;font-weight:600}:root[data-compact] .lp-lane:first-child[aria-current]{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-text)}:root[data-compact] .lp-lane--primary{background:var(--brand);color:var(--on-brand);border-radius:8px;flex:none;gap:4px;margin-left:auto;padding:0 6px 0 9px;font-weight:600}.lp-lang{border:1px solid var(--border);border-radius:var(--radius-sm);min-width:44px;height:36px;color:var(--text-muted);letter-spacing:.04em;cursor:pointer;transition:border-color var(--fast) var(--ease-out), color var(--fast) var(--ease-out);background:0 0;align-items:center;gap:7px;padding:0 10px;font-size:.8125rem;font-weight:600;display:inline-flex}.lp-flag{border-radius:2px;flex:none;box-shadow:0 0 0 1px #ffffff26}:root[data-mid] .lp-lang__code{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.lp-lang:hover{border-color:var(--border-strong);color:var(--text)}.lp-code{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-width:0;overflow:hidden}.lp-code__head{border-bottom:1px solid var(--border);height:38px;color:var(--text-muted);font:500 .75rem/1 var(--font-mono);justify-content:space-between;align-items:center;padding:0 6px 0 16px;display:flex}.lp-code__copy{border-radius:var(--radius-sm);height:28px;color:var(--text-muted);font:500 .75rem/1 var(--font-sans);cursor:pointer;transition:background-color var(--fast) var(--ease-out), color var(--fast) var(--ease-out);background:0 0;border:0;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.lp-code__copy:hover{background:var(--surface-2);color:var(--text)}.lp-code__body{font:400 .8125rem/1.25rem var(--font-mono);tab-size:2;scrollbar-width:thin;margin:0;padding:12px 0;overflow:auto}.lp-code__body:focus-visible{outline-offset:-2px}.lp-code__line{min-width:max-content;transition:background-color var(--fast) var(--ease-out);padding:0 16px;display:block}.lp-code__line[data-active]{background:var(--brand-soft);color:var(--brand-text)}.lp-code[data-language=shell] .lp-code__line{text-indent:-2ch;white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;padding-left:calc(16px + 2ch)}.lp-code[data-language=shell] .lp-code__line:before{content:"$ ";color:var(--text-muted);-webkit-user-select:none;user-select:none}.lp-syn-keyword{color:var(--syn-keyword)}.lp-syn-string{color:var(--syn-string)}.lp-syn-arrow{color:var(--syn-arrow)}.lp-scrub{flex:1;min-width:80px;height:28px;position:relative}.lp-scrub__track{gap:4px;height:6px;display:flex;position:absolute;inset:11px 0 auto}.lp-scrub__seg{background:var(--surface-3);border-radius:3px;flex:1 1 0;overflow:hidden}.lp-scrub__seg i{background:var(--brand);transform-origin:0;height:100%;display:block}.lp-scrub__thumb{top:50%;left:calc(var(--at) * 100%);border:2px solid var(--bg-canvas);background:var(--brand);border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;box-shadow:0 1px 3px #00000080}.lp-scrub__input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.lp-scrub:has(:focus-visible) .lp-scrub__thumb{outline:2px solid var(--brand);outline-offset:3px}.lp-pain{padding-bottom:56px;position:relative}.lp-pain>.lp-msg{height:44px;position:absolute;inset:0 0 auto}.lp-pain__text{z-index:2;width:fit-content;max-width:min(38rem, calc(var(--lane-4) - var(--lane-1) - 2 * var(--gutter)));margin-left:calc(var(--lane-1) + 40px);background:var(--step-bg);transition:background-color var(--slow) var(--ease-out);padding:6px 16px 6px 0;position:relative}.lp-pain__title{letter-spacing:-.02em;text-wrap:balance;margin-bottom:8px;font-size:clamp(1.25rem,1.9vw,1.625rem);font-weight:600;line-height:1.25}.lp-pain__text p{color:var(--text-muted)}:root[data-compact] .lp-msg__label{max-width:calc(100% - 2 * var(--gutter));text-overflow:ellipsis;left:50%;overflow:hidden}:root[data-compact] .lp-pain>.lp-msg{height:68px;position:relative}:root[data-compact] .lp-pain__text{max-width:none;margin-inline:var(--gutter);padding-right:0}@media (width<=380px){:root[data-compact] .lp-lane{font-size:.75rem}:root[data-compact] .lp-nav__lanes{gap:7px}}.lp-stage{z-index:1;pointer-events:none;position:fixed;inset:0}.lp-nav{z-index:10;height:var(--header-h);background:var(--bg-app);position:fixed;inset:0 0 auto}.lp-nav__brand{text-decoration:none;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.lp-nav__tools{align-items:center;gap:8px;display:flex;position:absolute;top:50%;right:20px;transform:translateY(-50%)}:root[data-compact] .lp-nav{border-bottom:1px solid var(--border)}:root[data-mid] .lp-logo__word{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}:root[data-compact] .lp-nav__brand,:root[data-compact] .lp-nav__tools{top:30px}:root[data-compact] .lp-nav__lanes{border-top:1px solid var(--border);white-space:nowrap;align-items:center;gap:10px;height:40px;padding:0 8px;display:flex;position:absolute;inset:60px 0 auto}.lp-step{--step-bg:var(--bg-app);background:var(--step-bg);scroll-margin-top:var(--header-h);transition:background-color var(--slow) var(--ease-out);padding:24px 0 112px}:is(.lp-display,.lp-title){position:relative}:is(.lp-display,.lp-title):before{content:"";z-index:-1;background:var(--step-wash);opacity:0;pointer-events:none;transition:opacity var(--slow) var(--ease-out);position:absolute;inset:-14px -100vw 0}.lp-step[data-current] :is(.lp-display,.lp-title){background:0 0}.lp-step[data-current] :is(.lp-display,.lp-title):before{opacity:1}.lp-hero{padding-top:calc(var(--header-h) + 8px)}.lp-col,.lp-wide{z-index:2;margin-left:calc(var(--lane-0) + var(--gutter));width:calc(var(--lane-4) - var(--lane-0) - 2 * var(--gutter));position:relative}.lp-col>*{background:var(--step-bg);width:fit-content;max-width:100%;transition:background-color var(--slow) var(--ease-out)}:root[data-compact] .lp-col,:root[data-compact] .lp-wide{width:auto;margin-inline:var(--gutter)}.lp-display{letter-spacing:-.04em;text-wrap:balance;padding:4px 20px 12px 0;font-size:clamp(2.5rem,5.2vw,5rem);font-weight:600;line-height:1.02}.lp-display--closing{font-size:clamp(2.25rem,4.6vw,4.25rem)}.lp-title{letter-spacing:-.03em;text-wrap:balance;max-width:22ch;padding:4px 20px 12px 0;font-size:clamp(1.875rem,3.4vw,3rem);font-weight:600;line-height:1.08}.lp-col>.lp-title{max-width:min(22ch,100%)}.lp-lede{max-width:36rem;color:var(--text-muted);text-wrap:pretty;padding:8px 20px 8px 0;font-size:1.1875rem;line-height:1.6}.lp-col>.lp-lede{max-width:min(36rem,100%)}.lp-actions{flex-wrap:wrap;gap:12px;padding:20px 20px 8px 0;display:flex}.lp-hint{color:var(--text-muted);align-items:center;gap:8px;padding:20px 20px 4px 0;font-size:.875rem;display:flex}.lp-hint .lp-icon{color:var(--brand-text)}.lp-link{color:var(--text);align-items:center;gap:6px;font-weight:500;display:inline-flex}.lp-link:hover{color:var(--brand-text)}.lp-pains{margin-top:56px}.lp-player{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-canvas);box-shadow:var(--shadow-lg);grid-template-columns:minmax(17.5rem,34%) minmax(0,1fr);margin-top:36px;display:grid;overflow:hidden}.lp-player>.lp-code{border:0;border-right:1px solid var(--border);border-radius:0;flex-direction:column;display:flex}.lp-player>.lp-code .lp-code__body{flex:1}.lp-player__main{flex-direction:column;min-width:0;display:flex}.lp-player__stage{flex:1;min-height:27.5rem;position:relative;container-type:inline-size}.lp-player__canvas{position:absolute;inset:0}.lp-player__who{border:1.5px solid var(--border-strong);background:var(--surface);letter-spacing:-.01em;text-align:center;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:5px 7px;font-size:.6875rem;font-weight:600;line-height:1.25;display:inline-flex;position:absolute;top:14px;transform:translate(-50%)}.lp-player__who .lp-icon{color:var(--node-neutral)}.lp-player__who[data-kind=actor] .lp-icon{color:var(--node-actor)}.lp-player__who[data-kind=service] .lp-icon{color:var(--node-service)}.lp-player__who[data-kind=database] .lp-icon{color:var(--node-database)}.lp-player__who[data-kind=queue] .lp-icon{color:var(--node-queue)}.lp-player__label{border-radius:var(--radius-full);background:var(--bg-canvas);color:var(--text-muted);white-space:nowrap;transition:background-color var(--fast) var(--ease-out), color var(--fast) var(--ease-out);padding:1px 8px;font-size:.75rem;font-weight:500;line-height:1.125rem;position:absolute;transform:translate(-50%,calc(-100% - 6px))}.lp-player__label[data-state=done]{color:var(--text);background:0 0}.lp-player__label[data-state=active]{background:var(--brand-soft);color:var(--brand-text)}@container (width<=520px){.lp-player__who{letter-spacing:-.02em;white-space:normal;border-width:1px;flex-direction:column;gap:2px;width:3.625rem;height:3rem;padding:2px 1px;font-size:.5625rem;line-height:1.15;top:8px}.lp-player__label{padding:0 5px;font-size:.6875rem}}.lp-player__bar{border-top:1px solid var(--border);background:var(--surface);align-items:center;gap:14px;min-height:56px;padding:8px 16px 8px 10px;display:flex}.lp-player__time,.lp-transport__time{color:var(--text-muted);font:400 .75rem/1 var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap}.lp-player__caption,.lp-transport__caption{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;line-height:1.2;overflow:hidden}.lp-player__caption{flex:0 13rem}.lp-player__caption b,.lp-transport__caption b{color:var(--brand-text);font-variant-numeric:tabular-nums;margin-right:4px;font-weight:600}.lp-facts{background:var(--step-bg);transition:background-color var(--slow) var(--ease-out);grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px;margin-top:56px;display:grid}.lp-facts__item{border-top:1px solid var(--border);padding:20px 0 24px}.lp-facts dt{letter-spacing:-.01em;margin-bottom:4px;font-size:1.0625rem;font-weight:600}.lp-facts dd{max-width:34rem;color:var(--text-muted)}.lp-use{z-index:2;margin:40px 0 0 calc(var(--lane-0) + var(--gutter));width:calc(var(--lane-4) - var(--lane-0) - 2 * var(--gutter));background:var(--step-bg);counter-reset:use;transition:background-color var(--slow) var(--ease-out);position:relative}.lp-use__step{border-top:1px solid var(--border);counter-increment:use;grid-template-columns:4rem minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:0 32px;padding:32px 0 40px;display:grid}.lp-use__step:before{content:counter(use);color:var(--text-muted);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:2.5rem;font-weight:600;line-height:1}.lp-use__step--wide>.lp-use__text,.lp-use__step--wide>.lp-use__gif{grid-column:2/-1}.lp-use__step--wide>.lp-use__gif{margin-top:24px}.lp-use__text h3{letter-spacing:-.02em;margin-bottom:8px;font-size:1.375rem;font-weight:600;line-height:1.25}.lp-use__text p{max-width:30rem;color:var(--text-muted)}.lp-use__gif{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-canvas);width:100%;height:auto}.lp-closing{padding-bottom:0}.lp-closing>.lp-msg:last-of-type{margin-top:40px}.lp-footer{z-index:2;margin:24px 0 0 calc(var(--lane-0) + var(--gutter));width:calc(var(--lane-4) - var(--lane-0) - 2 * var(--gutter));border-top:1px solid var(--border);background:var(--step-bg);color:var(--text-muted);transition:background-color var(--slow) var(--ease-out);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 32px;padding:24px 0 32px;font-size:.875rem;display:flex;position:relative}.lp-footer ul{flex-wrap:wrap;gap:8px 24px;display:flex}.lp-footer a:hover{color:var(--text)}.lp-transport{z-index:10;height:var(--transport-h);border-top:1px solid var(--border);background:var(--surface);align-items:center;gap:16px;padding:0 20px 0 12px;display:flex;position:fixed;inset:auto 0 0}.lp-transport p{margin:0}.lp-transport__keys{align-items:center;gap:4px;display:flex}.lp-transport__segs{flex:1;gap:4px;min-width:0;display:flex}.lp-transport__segs li{flex:1 1 0;min-width:12px}.lp-transport__seg{cursor:pointer;background:0 0;border:0;width:100%;height:32px;padding:0;display:block;position:relative}.lp-transport__seg:before,.lp-transport__seg i{content:"";background:var(--surface-3);height:6px;transition:background-color var(--fast) var(--ease-out);border-radius:3px;position:absolute;inset:13px 0 auto}.lp-transport__seg i{background:var(--brand);transform:scaleX(var(--fill,0));transform-origin:0}.lp-transport__seg:hover:before{background:var(--border-strong)}.lp-transport__caption{text-align:right;flex:0 11rem}:root[data-compact] .lp-use,:root[data-compact] .lp-footer{width:auto;margin-inline:var(--gutter)}@media (width<=900px){.lp-player{grid-template-columns:minmax(0,1fr)}.lp-player>.lp-code{border-right:0;border-bottom:1px solid var(--border)}.lp-player>.lp-code .lp-code__body{max-height:10rem;padding-block:0}.lp-player__stage{min-height:23rem}.lp-player__time{display:none}.lp-facts{grid-template-columns:minmax(0,1fr)}}@media (width<=1100px){.lp-use__step{grid-template-columns:2.5rem minmax(0,1fr);gap:0 12px}.lp-use__step:before{font-size:1.75rem}.lp-use__step>:last-child{grid-column:1/-1;margin-top:20px}}@media (width<=640px){:root{--gutter:40px}.lp-step{padding-bottom:80px}.lp-closing{padding-bottom:0}.lp-lede{font-size:1.0625rem}.lp-btn--lg{width:100%}.lp-transport{gap:10px;padding:0 12px 0 6px}.lp-transport__time{display:none}.lp-transport__caption{flex:none}.lp-transport__segs li{min-width:6px}.lp-player__caption{display:none}.lp-logo__word{font-size:1rem}}