.intro-app .step10{--bg:#000;--fg:#f5f5f7;--grey:#98989d;--dim:#6e6e73;--hair:#ffffff1a;--accent:#a5b4fc;--card:#0e0e10;--card2:#09090b;--ok:#86efac;--err:#fdba74;--gutter:clamp(16px, 4vw, 64px);--ease:cubic-bezier(.16, 1, .3, 1);--sans:var(--font-sans);--mono:var(--font-mono);color-scheme:dark}.intro-app .step10 button{font:inherit;color:inherit}.intro-app .step10 a{color:inherit}.intro-app .step10 :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.intro-app .step10 ::selection{color:#fff;background:#818cf873}.intro-app .step10 kbd{font:500 11px var(--mono);color:var(--fg);background:#ffffff1a;border-radius:5px;padding:1px 6px}.intro-app .step10 .n{font:500 12px var(--mono);color:var(--dim);letter-spacing:.04em}.intro-app .step10 .work{box-sizing:border-box;width:100%;max-width:1680px;height:calc(100vh - 3.5rem - 1px - var(--bar,64px));height:calc(100svh - 3.5rem - 1px - var(--bar,64px));min-height:600px;padding:4px var(--gutter) 24px;flex:none;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) clamp(340px,29vw,440px);gap:clamp(28px,3.4vw,64px);margin:0 auto;display:grid}.intro-app .step10 .col-left{flex-direction:column;gap:14px;min-width:0;min-height:0;display:flex;position:relative}.intro-app .step10 .col-right{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;flex-direction:column;gap:30px;min-width:0;min-height:0;padding:6px 2px 8px 0;display:flex;overflow-y:auto}.intro-app .step10 .editor-card{background:var(--card);border-radius:18px;flex-direction:column;flex:1;min-height:300px;display:flex;position:relative;box-shadow:0 0 0 1px #ffffff14,inset 0 1px #ffffff0f,0 40px 120px #000000b3}.intro-app .step10 .glow{z-index:-1;pointer-events:none;width:130%;height:170%;animation:step10-glow-in 1.8s var(--ease) both;background:radial-gradient(closest-side,#b0b8ff33,#8c96fa1a 40%,#818cf808 70%,#818cf800 100%);position:absolute;top:50%;left:50%;translate:-50% -50%}.intro-app .step10 .toolbar{box-sizing:border-box;border-bottom:1px solid var(--hair);align-items:center;gap:14px;min-height:54px;padding:9px 10px 9px 20px;display:flex;position:relative}.intro-app .step10 .file{font:500 13px var(--mono);color:var(--fg);white-space:nowrap;align-items:center;gap:9px;margin-right:auto;display:flex}.intro-app .step10 .file-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.intro-app .step10 .server{align-items:center;gap:10px;display:flex}.intro-app .step10 .server-label{color:var(--dim);font-size:12px}.intro-app .step10 .seg-group{background:#ffffff0d;border-radius:999px;padding:3px;display:flex;box-shadow:inset 0 0 0 1px #ffffff12}.intro-app .step10 .seg-opt{height:28px;color:var(--grey);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:500;transition:background .25s,color .25s;display:inline-flex}.intro-app .step10 .seg-opt:hover:not(.on):not(:disabled){color:var(--fg)}.intro-app .step10 .seg-opt:disabled{cursor:default;opacity:.5}.intro-app .step10 .seg-opt .dot{opacity:.45;background:currentColor;border-radius:50%;width:6px;height:6px}.intro-app .step10 .seg-opt.on{background:var(--fg);color:#000}.intro-app .step10 .seg-opt.on .dot{opacity:1}.intro-app .step10 .seg-opt.healthy.on .dot{background:#16a34a}.intro-app .step10 .seg-opt.down.on .dot{background:#ea580c}.intro-app .step10 .seg-opt.slow.on .dot{background:#ca8a04}.intro-app .step10 .run{color:#e0e4ff;cursor:pointer;white-space:nowrap;background:#818cf833;border:0;border-radius:999px;align-items:center;gap:8px;height:34px;padding:0 12px 0 13px;font-size:13px;font-weight:600;transition:background .2s;display:inline-flex}.intro-app .step10 .run:hover:not(:disabled):not([aria-disabled=true]){background:#818cf84d}.intro-app .step10 .run:disabled,.intro-app .step10 .run[aria-disabled=true]{opacity:.4;cursor:default}.intro-app .step10 .run kbd{color:#c7d2fe;background:#ffffff1a}.intro-app .step10 .run.stop{color:var(--err);background:#fdba7429}.intro-app .step10 .monaco-host{border-radius:0 0 18px 18px;flex:1;min-height:0;position:relative;overflow:hidden}.intro-app .step10 .placeholder{font:14px/23px var(--mono);color:#6e6e73;white-space:pre;margin:0;padding:18px 18px 18px 54px;position:absolute;inset:0;overflow:hidden}.intro-app .step10 .panel{background:var(--card2);border-radius:14px;flex-direction:column;flex:none;height:clamp(180px,27vh,250px);display:flex;box-shadow:0 0 0 1px #ffffff12}.intro-app .step10 .panel-tabs{border-bottom:1px solid var(--hair);flex:none;align-items:center;gap:2px;height:42px;padding:0 8px;display:flex}.intro-app .step10 .panel-tabs [role=tab]{height:28px;color:var(--dim);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;padding:0 11px;font-size:13px;font-weight:500;transition:color .2s,background .2s;display:inline-flex}.intro-app .step10 .panel-tabs [role=tab]:hover{color:var(--fg)}.intro-app .step10 .panel-tabs [role=tab].on{color:var(--fg);background:#ffffff12}.intro-app .step10 .panel-tabs .count{font:500 11px var(--mono);color:var(--grey);margin-left:7px}.intro-app .step10 .panel-tabs .new{background:var(--accent);border-radius:50%;width:6px;height:6px;margin-left:6px}.intro-app .step10 .clear{height:28px;color:var(--dim);cursor:pointer;background:0 0;border:0;border-radius:8px;margin-left:auto;padding:0 10px;font-size:12px}.intro-app .step10 .clear:hover{color:var(--fg)}.intro-app .step10 .pane{min-height:0;font:12.5px/1.65 var(--mono);scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;flex:1;padding:10px 16px 12px;overflow:auto}.intro-app .step10 .pane[hidden]{display:none}.intro-app .step10 .empty{font:13px/1.5 var(--sans);color:var(--dim);margin:2px 0 0}.intro-app .step10 .ln{white-space:pre-wrap;overflow-wrap:anywhere;color:#d1d1d6}.intro-app .step10 .ln.error{color:var(--err)}.intro-app .step10 .ln.warn{color:#fde68a}.intro-app .step10 .ln.info{color:#c7c7cc}.intro-app .step10 .ln.note{color:var(--grey)}.intro-app .step10 .ln.result{color:#c7d2fe}.intro-app .step10 .ln.divider{border-top:1px solid var(--hair);font:500 11px/1.5 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--dim);margin-top:10px;padding-top:8px}.intro-app .step10 .ln.divider:first-child{border-top:0;margin-top:0;padding-top:0}.intro-app .step10 .net{border-collapse:collapse;width:100%;font:12.5px/1.5 var(--mono)}.intro-app .step10 .net th{background:var(--card2);text-align:left;font:500 11px var(--sans);color:var(--dim);padding:0 14px 6px 0;position:sticky;top:-10px}.intro-app .step10 .net td{white-space:nowrap;color:#d1d1d6;vertical-align:top;padding:3px 14px 3px 0}.intro-app .step10 .net .p{text-overflow:ellipsis;width:100%;max-width:0;color:var(--fg);overflow:hidden}.intro-app .step10 .net .m{color:var(--grey)}.intro-app .step10 .net .s.ok{color:var(--ok)}.intro-app .step10 .net .s.err{color:var(--err)}.intro-app .step10 .net .s.cancelled,.intro-app .step10 .net .s.offline{color:var(--dim)}.intro-app .step10 .net .num{text-align:right;color:var(--grey)}.intro-app .step10 .pulse{color:var(--grey);animation:1s ease-in-out infinite step10-pulse}@keyframes step10-pulse{50%{opacity:.35}}.intro-app .step10 .eyebrow{font:500 14px/1.2 var(--sans);color:var(--grey);animation:step10-fade-up .8s var(--ease) both;align-items:baseline;gap:12px;margin:0 0 18px;display:flex}.intro-app .step10 .brief-title{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(36px,3.3vw,54px);font-weight:600;line-height:1.04}.intro-app .step10 .brief-body{color:var(--grey);text-wrap:pretty;animation:step10-fade-up .8s var(--ease) .25s both;margin:18px 0 0;font-size:17px;line-height:1.5}.intro-app .step10 .brief-body+.brief-body{margin-top:10px;animation-delay:.35s}.intro-app .step10 .brief-body code,.intro-app .step10 .check-why code{font:500 .88em var(--mono);color:#e8e8ed}.intro-app .step10 .brief-meta{color:var(--dim);animation:step10-fade-up .8s var(--ease) .45s both;margin:16px 0 0;font-size:14px;line-height:1.5}.intro-app .step10 .brief-meta kbd{font-size:11px}.intro-app .step10 .text-btn{color:var(--fg);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:500;text-decoration:underline #ffffff4d;transition:text-decoration-color .2s}.intro-app .step10 .text-btn:hover{text-decoration-color:currentColor}.intro-app .step10 .text-btn:disabled{opacity:.4;cursor:default}.intro-app .step10 .quiet-btn{color:var(--grey);font-weight:400}.intro-app .step10 .checks{border-top:1px solid var(--hair);animation:step10-fade-up .8s var(--ease) .55s both;padding-top:22px}.intro-app .step10 .checks-head{justify-content:space-between;align-items:baseline;gap:12px;margin-top:26px;display:flex}.intro-app .step10 .checks-head h2{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:600}.intro-app .step10 .checks-sub{color:var(--dim);text-align:right;font-size:13px}.intro-app .step10 .check-list{margin:6px 0 0;padding:0;list-style:none}.intro-app .step10 .check{border-bottom:1px solid #ffffff0f;grid-template-columns:22px minmax(0,1fr);gap:14px;padding:11px 0;display:grid}.intro-app .step10 .mark{box-sizing:border-box;border-radius:50%;place-items:center;width:22px;height:22px;margin-top:0;transition:background .3s,box-shadow .3s;display:grid;box-shadow:inset 0 0 0 1.5px #fff3}.intro-app .step10 .mark.running{box-shadow:none;border:1.5px solid #a5b4fc33;border-top-color:var(--accent);animation:.8s linear infinite step10-spin}.intro-app .step10 .mark.pass{background:var(--ok);color:#052e16;box-shadow:none;animation:step10-pop .45s var(--ease) both}.intro-app .step10 .mark.fail{color:var(--err);animation:step10-pop .45s var(--ease) both;background:#fdba7424;box-shadow:inset 0 0 0 1.5px #fdba748c}@keyframes step10-spin{to{rotate:360deg}}@keyframes step10-pop{0%{opacity:0;scale:.6}}.intro-app .step10 .check-text{min-width:0;padding-top:1px}.intro-app .step10 .check-label{color:var(--fg);font-size:15px;line-height:1.4;display:block}.intro-app .step10 .check.idle .check-label,.intro-app .step10 .check.running .check-label{color:#c7c7cc}.intro-app .step10 .check-label .n{margin-right:9px;font-size:11px}.intro-app .step10 .check-why{color:#fcd9b6;overflow-wrap:anywhere;animation:step10-fade-up .5s var(--ease) both;margin-top:5px;font-size:14px;line-height:1.45;display:block}.intro-app .step10 .check-ok{color:var(--dim);margin-top:4px;font-size:13px;line-height:1.4;display:block}.intro-app .step10 .checks.stale .mark,.intro-app .step10 .checks.stale .check-why,.intro-app .step10 .checks.stale .check-ok{opacity:.4}.intro-app .step10 .stale-note{color:var(--grey);margin:12px 0 0;font-size:13px;line-height:1.45}.intro-app .step10 .check-actions{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.intro-app .step10 .confirm{box-shadow:inset 0 0 0 1px var(--hair);animation:step10-fade-up .4s var(--ease) both;background:#ffffff0d;border-radius:12px;margin-top:16px;padding:14px 16px}.intro-app .step10 .confirm p{color:#d1d1d6;margin:0;font-size:14px;line-height:1.45}.intro-app .step10 .confirm-actions{align-items:center;gap:18px;margin-top:12px;display:flex}.intro-app .step10 .pill{box-sizing:border-box;background:var(--fg);color:#000;letter-spacing:-.01em;cursor:pointer;white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:150px;height:44px;padding:0 22px;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s,scale .2s,opacity .2s;display:inline-flex}.intro-app .step10 .pill:hover:not(:disabled):not([aria-disabled=true]){background:#fff}.intro-app .step10 .pill:active:not(:disabled):not([aria-disabled=true]){scale:.97}.intro-app .step10 .pill:disabled,.intro-app .step10 .pill[aria-disabled=true]{opacity:.45;cursor:default}.intro-app .step10 .pill.small{min-width:0;height:36px;padding:0 16px;font-size:14px}.intro-app .step10 .pill.big{min-width:0;height:54px;padding:0 30px;font-size:17px}.intro-app .step10 .link-btn{height:44px;color:var(--fg);border-radius:999px;align-items:center;padding:0 18px;font-size:15px;font-weight:500;text-decoration:none;transition:background .2s;display:inline-flex}.intro-app .step10 .link-btn:hover{background:#ffffff17}.intro-app .step10 .icon-btn{width:36px;height:36px;color:var(--grey);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;transition:color .2s,background .2s;display:grid}.intro-app .step10 .icon-btn:hover{color:var(--fg);background:#ffffff14}.intro-app .step10 .drawer-wrap{z-index:50;visibility:hidden;pointer-events:none;transition:visibility 0s linear .45s;position:fixed;inset:0}.intro-app .step10 .drawer-wrap.open{visibility:visible;pointer-events:auto;transition:none}.intro-app .step10 .scrim{opacity:0;background:#0000009e;transition:opacity .35s;position:absolute;inset:0}.intro-app .step10 .drawer-wrap.open .scrim{opacity:1}.intro-app .step10 .drawer{box-sizing:border-box;width:min(500px,100%);transition:translate .5s var(--ease);background:#0b0b0d;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0;translate:100%;box-shadow:-1px 0 #ffffff1a,-40px 0 120px #0009}.intro-app .step10 .drawer-wrap.open .drawer{translate:0}.intro-app .step10 .drawer-head{border-bottom:1px solid var(--hair);flex:none;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 18px 18px 28px;display:flex}.intro-app .step10 .drawer-head .eyebrow{font:500 12px var(--mono);color:var(--dim);letter-spacing:.04em;margin:0 0 6px;animation:none}.intro-app .step10 .drawer-head h2{letter-spacing:-.03em;margin:0;font-size:30px;font-weight:600;line-height:1.1}.intro-app .step10 .drawer-body{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;flex:1;padding:6px 28px 48px;overflow-y:auto}.intro-app .step10 .drawer-body code{font:500 .92em var(--mono);color:#e8e8ed}.intro-app .step10 .doc-intro p{color:var(--grey);margin:16px 0 0;font-size:15px;line-height:1.5}.intro-app .step10 .doc-code{font:12.5px/1.65 var(--mono);color:#e8e8ed;white-space:pre-wrap;overflow-wrap:anywhere;background:#151517;border-radius:10px;margin:10px 0 0;padding:12px 14px}.intro-app .step10 .doc-code .dim{color:var(--grey)}.intro-app .step10 .doc-code .ok{color:var(--ok)}.intro-app .step10 .doc-h{font:500 12px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--dim);margin:34px 0 4px}.intro-app .step10 .eps{margin:0;padding:0;list-style:none}.intro-app .step10 .ep{border-bottom:1px solid var(--hair);padding:18px 0 20px}.intro-app .step10 .ep-line{flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0;display:flex}.intro-app .step10 .ep-method{color:var(--accent);font:500 11px/1.4 var(--mono);letter-spacing:.04em;background:#a5b4fc29;border-radius:5px;padding:2px 7px}.intro-app .step10 .ep-path{font:500 15px var(--mono);color:var(--fg);overflow-wrap:anywhere}.intro-app .step10 .ep-tag{color:var(--accent);border-radius:999px;padding:1px 9px;font-size:11px;font-weight:600;box-shadow:inset 0 0 0 1px #a5b4fc73}.intro-app .step10 .ep-what{color:var(--grey);margin:8px 0 12px;font-size:14.5px;line-height:1.45}.intro-app .step10 .ep-dl,.intro-app .step10 .modes{grid-template-columns:72px minmax(0,1fr);gap:7px 12px;margin:0;font-size:13.5px;line-height:1.5;display:grid}.intro-app .step10 .ep-dl dt,.intro-app .step10 .modes dt{color:var(--dim)}.intro-app .step10 .ep-dl dd,.intro-app .step10 .modes dd{color:#d1d1d6;overflow-wrap:anywhere;margin:0}.intro-app .step10 .ep-dl dd span{display:block}.intro-app .step10 .modes{margin-top:14px}.intro-app .step10 .modes dt{color:var(--fg);font-weight:600}.intro-app .step10 .doc-note{color:var(--grey);margin:16px 0 0;font-size:13.5px;line-height:1.5}.intro-app .step10 .done{z-index:40;box-sizing:border-box;padding:0 var(--gutter);background:var(--bg);align-items:center;animation:.6s both step10-fade-in;display:grid;position:fixed;inset:0;overflow:auto}.intro-app .step10 .done-glow{pointer-events:none;width:100vw;height:100vh;animation:step10-glow-in 2s var(--ease) both;background:radial-gradient(closest-side,#b0b8ff38,#8c96fa14 50%,#818cf800 100%);position:fixed;top:52%;left:62%;translate:-50% -50%}.intro-app .step10 .done-copy{width:100%;max-width:1552px;margin:0 auto;padding:72px 0;position:relative}.intro-app .step10 .done-copy .eyebrow{margin-bottom:26px}.intro-app .step10 .done-title{letter-spacing:-.06em;margin:0 0 0 -.04em;font-size:clamp(64px,12vw,196px);font-weight:700;line-height:.92}.intro-app .step10 .done-title .w{animation-duration:1.3s}.intro-app .step10 .done-body{letter-spacing:-.02em;max-width:24em;color:var(--grey);text-wrap:balance;animation:step10-fade-up .9s var(--ease) .55s both;margin:34px 0 0;font-size:clamp(20px,2vw,28px);font-weight:500;line-height:1.3}.intro-app .step10 .done-actions{animation:step10-fade-up .9s var(--ease) .85s both;flex-wrap:wrap;align-items:center;gap:12px 10px;margin-top:46px;display:flex}.intro-app .step10 .done-actions .text-btn{color:var(--grey);margin-left:12px;font-size:15px}.intro-app .step10 .w{animation:step10-word-in .75s var(--ease) both;display:inline-block}@keyframes step10-word-in{0%{opacity:0;filter:blur(12px);transform:translateY(10px)}to{opacity:1;filter:blur();transform:none}}@keyframes step10-fade-up{0%{opacity:0;transform:translateY(6px)}}@keyframes step10-fade-in{0%{opacity:0}}@keyframes step10-glow-in{0%{opacity:0;scale:.85}}@media (width<=900px){.intro-app .step10 .work{flex-direction:column;gap:24px;height:auto;min-height:0;padding-top:8px;padding-bottom:40px;display:flex}.intro-app .step10 .col-left,.intro-app .step10 .col-right{display:contents}.intro-app .step10 .brief{order:1}.intro-app .step10 .editor-card{flex:none;order:2;height:max(56svh,380px)}.intro-app .step10 .checks{order:3}.intro-app .step10 .panel{order:4;height:300px}}@media (width<=640px){.intro-app .step10 .toolbar{flex-wrap:wrap;row-gap:10px;padding:10px 10px 10px 16px}.intro-app .step10 .server{order:3;justify-content:space-between;width:100%}.intro-app .step10 .seg-opt{padding:0 11px}.intro-app .step10 .run kbd{display:none}.intro-app .step10 .brief-title{font-size:36px}.intro-app .step10 .brief-body{font-size:16px}.intro-app .step10 .kbd-hint{display:none}.intro-app .step10 .done-title{font-size:clamp(56px,19vw,96px)}.intro-app .step10 .done-actions .text-btn{margin:4px 0 0 18px}.intro-app .step10 .drawer-head{padding-left:20px}.intro-app .step10 .drawer-body{padding:6px 20px 40px}}@media (prefers-reduced-motion:reduce){.intro-app .step10 .w,.intro-app .step10 .eyebrow,.intro-app .step10 .brief-body,.intro-app .step10 .brief-meta,.intro-app .step10 .checks,.intro-app .step10 .glow,.intro-app .step10 .done,.intro-app .step10 .done-glow,.intro-app .step10 .done-body,.intro-app .step10 .done-actions,.intro-app .step10 .check-why,.intro-app .step10 .confirm,.intro-app .step10 .mark.pass,.intro-app .step10 .mark.fail,.intro-app .step10 .pulse{animation:none!important}.intro-app .step10 .mark.running{animation-duration:2.4s}.intro-app .step10 .drawer,.intro-app .step10 .scrim,.intro-app .step10 .drawer-wrap{transition:none!important}}.intro-app .step10 .reader{max-width:44rem;margin:0 auto;padding:32px 16px 64px}.intro-app .step10 .solution{box-shadow:0 0 0 1px var(--hair);font:13px/1.6 var(--mono);color:#d1d1d6;background:#0e0e10;border-radius:14px;margin:20px 0 0;padding:16px;overflow-x:auto}.intro-app .step10 .reader .done-actions{margin-top:24px}