.sk-field .sf-horizon:before{top:88%}.sk-hero{align-items:start;gap:36px;padding:32px 18px 40px;display:grid}.sk-hero>*{min-width:0}@media (min-width:1024px){.sk-hero{grid-template-columns:minmax(0,1fr) 500px;align-items:center;gap:44px;padding:64px 48px 88px}}.sk-stats{flex-wrap:wrap;gap:28px;margin-top:28px;display:flex}.sk-stats dt{font-family:var(--sf-mono);letter-spacing:.16em;text-transform:uppercase;color:#a1a1aa;font-size:10px}.sk-stats dd{letter-spacing:-.02em;color:#f4f4f5;margin-top:4px;font-size:22px;font-weight:600}.sk-installer{padding:6px}.sk-tabs{background:var(--sf-card-raised);border:1px solid var(--sf-line-soft);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.sk-tab{color:#a1a1aa;border-radius:6px;min-height:40px;font-size:13px;transition:color .2s,background-color .2s;position:relative}.sk-tab:hover{color:#f4f4f5}.sk-tab:focus-visible{outline-offset:1px;outline:2px solid #60a5fa}.sk-tab[aria-selected=true]{color:#fff;background:#2563eb2e}.sk-tab:after{content:"";background:#60a5fa;border-radius:1px;height:1px;transition:scale .32s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:4px;left:14px;right:14px;scale:0 1}.sk-tab[aria-selected=true]:after{scale:1}.sk-panel{min-height:452px;padding:16px 12px 12px}@media (min-width:640px){.sk-panel{padding:18px 16px 14px}}.sk-where{font-family:var(--sf-mono);letter-spacing:.16em;text-transform:uppercase;color:#a1a1aa;margin:0 0 14px 2px;font-size:10px}.sk-steps{counter-reset:none;gap:18px;display:grid;position:relative}.sk-steps:before{content:"";transform-origin:top;background:linear-gradient(#60a5fab3,#60a5fa14);width:1px;transition:scale .7s cubic-bezier(.2,.8,.2,1);position:absolute;top:14px;bottom:18px;left:13px}.sk-step{transition:opacity .42s,translate .42s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0) * 80ms);grid-template-columns:28px minmax(0,1fr);gap:12px;display:grid;position:relative}.sk-step:nth-child(2){--i:1}.sk-step:nth-child(3){--i:2}.sk-step-n{z-index:1;width:27px;height:27px;font-family:var(--sf-mono);color:#bfdbfe;border:1px solid var(--sf-blue-line);box-shadow:0 0 0 4px var(--sf-card);transition:box-shadow .5s,border-color .5s;transition-delay:calc(var(--i,0) * 80ms + .2s);background:#0b1222;border-radius:50%;place-items:center;font-size:11px;display:grid;position:relative}.sk-step-body{min-width:0}.sk-step-title{color:#f4f4f5;margin:3px 0 8px;font-size:14px;font-weight:500}.sk-note{color:#a1a1aa;margin-top:8px;font-size:12px;line-height:1.55}.sk-code{position:relative}.sk-code pre{font-family:var(--sf-mono);color:#e4e4e7;white-space:pre;scrollbar-width:thin;margin:0;padding:12px 64px 12px 12px;font-size:12px;line-height:1.6;overflow-x:auto}.sk-code pre:focus-visible{outline-offset:-2px;border-radius:8px;outline:2px solid #60a5fa}.sk-copy{border:1px solid var(--sf-line);background:var(--sf-card-raised);color:#d4d4d8;border-radius:6px;align-items:center;gap:5px;min-height:30px;padding:0 9px;font-size:11px;transition:border-color .2s,color .2s,background-color .2s;display:inline-flex;position:absolute;top:7px;right:7px}.sf-code-head .sk-copy{position:static}.sk-copy:hover{color:#fff;border-color:#60a5fa80}.sk-copy:focus-visible,.sk-btn:focus-visible{outline-offset:2px;outline:2px solid #60a5fa}.sk-skill-actions{flex-wrap:wrap;gap:8px;display:flex}.sk-btn{border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:14px;font-weight:500;transition:background-color .2s,border-color .2s,translate .2s;display:inline-flex;position:relative}.sk-btn-primary{background:var(--sf-blue);color:#fff;box-shadow:inset 0 1px #ffffff2e,0 10px 28px -12px #2563ebe6}.sk-btn-primary:hover{background:#1d4ed8}.sk-btn-ghost{border:1px solid var(--sf-line);color:#e4e4e7}.sk-btn-ghost:hover{border-color:#ffffff4d}.sk-preview{gap:14px;display:grid}@media (min-width:900px){.sk-preview{grid-template-columns:250px minmax(0,1fr);align-items:start}}.sk-toc{max-height:620px;padding:8px;overflow:auto}@media (max-width:899px){.sk-toc{max-height:220px}}.sk-toc-item{text-align:left;color:#a1a1aa;border-radius:6px;grid-template-columns:34px minmax(0,1fr);gap:6px;width:100%;min-height:36px;padding:6px 8px;font-size:13px;line-height:1.35;transition:color .2s,background-color .2s;display:grid;position:relative}.sk-toc-item:hover{color:#f4f4f5;background:#ffffff08}.sk-toc-item:focus-visible{outline-offset:-2px;outline:2px solid #60a5fa}.sk-toc-top{color:#e4e4e7;font-weight:500}.sk-toc-line{font-family:var(--sf-mono);color:#8b8b96;padding-top:1px;font-size:11px}.sk-toc-item[aria-current=true]{color:#fff;background:#2563eb24}.sk-toc-item:before{content:"";background:#60a5fa;border-radius:2px;width:2px;transition:scale .26s cubic-bezier(.2,.8,.2,1);position:absolute;top:8px;bottom:8px;left:0;scale:1 0}.sk-toc-item[aria-current=true]:before{scale:1}.sk-file{overflow:hidden}.sk-file .sf-code-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.sk-file-body{max-height:620px;font-family:var(--sf-mono);overscroll-behavior:contain;padding:0 0 12px;font-size:12.5px;line-height:1.7;position:relative;overflow:auto}.sk-file-body:focus-visible{outline-offset:-2px;outline:2px solid #60a5fa}.sk-line{grid-template-columns:52px minmax(0,1fr);display:grid;position:relative}.sk-ln{text-align:right;color:#3f3f46;-webkit-user-select:none;user-select:none;padding-right:14px}.sk-lt{color:#d4d4d8;white-space:pre-wrap;word-break:break-word;padding-right:16px}.sk-line-heading .sk-lt{color:#93c5fd;font-weight:600}.sk-line-current{background:#2563eb1a}.sk-line-current .sk-ln{color:#60a5fa}@media (max-width:639px){.sk-file-body,.sk-file-body .sk-line{font-size:11.5px}.sk-line{grid-template-columns:36px minmax(0,1fr)}.sk-ln{padding-right:8px}}.sk-file-body:before{content:"";z-index:2;transform-origin:0;background:linear-gradient(90deg,#2563eb,#93c5fd);height:2px;margin-bottom:10px;display:block;position:sticky;top:0;scale:0 1}@media (prefers-reduced-motion:no-preference){.sk-installer{transition:opacity .7s,translate .9s cubic-bezier(.16,1,.3,1),scale .9s cubic-bezier(.16,1,.3,1)}@starting-style{.sk-installer{opacity:0;translate:0 18px;scale:.985}}.sk-hero h1,.sk-hero p,.sk-stats{transition:opacity .6s,translate .7s cubic-bezier(.16,1,.3,1)}@starting-style{.sk-hero h1,.sk-hero p,.sk-stats{opacity:0;translate:0 10px}}.sk-hero p{transition-delay:90ms}.sk-stats{transition-delay:.18s}@starting-style{.sk-steps:before{scale:1 0}}@starting-style{.sk-step{opacity:0;translate:0 8px}}@starting-style{.sk-step-n{box-shadow:0 0 0 4px var(--sf-card), 0 0 0 0 #2563ebb3;border-color:#60a5fa}}:is(.sk-copy:has(svg.lucide-check),.sk-btn:has(svg.lucide-check)){animation:.7s cubic-bezier(.2,.8,.2,1) sk-copied}@keyframes sk-copied{0%{box-shadow:0 0 #60a5fa8c}to{box-shadow:0 0 0 10px #60a5fa00}}.sk-btn:hover{translate:0 -1px}.sk-line-current.sk-line-heading:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#60a5fa38,#0000) 0 0/40% 100% no-repeat;animation:.9s cubic-bezier(.4,0,.2,1) both sk-sweep;position:absolute;inset:0}@keyframes sk-sweep{0%{background-position:-40% 0}to{background-position:140% 0}}}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.sk-file-body:before{animation:linear both sk-read;animation-timeline:scroll()}@keyframes sk-read{to{scale:1}}}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.sk-line{animation:linear both sk-depth;animation-timeline:view();animation-range:cover}@keyframes sk-depth{0%{opacity:.28}14%{opacity:1}86%{opacity:1}to{opacity:.28}}.sk-preview{animation:linear both sk-rise;animation-timeline:view();animation-range:entry entry 60%}@keyframes sk-rise{0%{opacity:.4;translate:0 28px}to{opacity:1;translate:0}}}}@media (prefers-reduced-motion:reduce){.sk-file-body:before{display:none}.sk-tab:after,.sk-toc-item:before,.sk-steps:before{transition:none}}@media (max-width:639px){.sk-code pre{padding:44px 12px 12px}}