.scm{box-sizing:border-box;color:#eafff1;background:linear-gradient(165deg,#0b2118 0%,#081710 45%,#050a08 100%);border:1px solid #ffffff1a;border-radius:20px;max-width:1100px;margin:2.5rem auto 0;padding:18px clamp(14px,3vw,26px) 16px;position:relative;overflow:hidden}.scm:before{content:"";pointer-events:none;background-image:linear-gradient(#4ade8012 1px,#0000 1px),linear-gradient(90deg,#4ade8012 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:0}.scm>*{z-index:1;position:relative}.scm__ways{flex-wrap:wrap;align-items:center;gap:10px;margin:0;display:flex}.scm__ways-label{letter-spacing:.12em;text-transform:uppercase;color:#4ade80;margin-right:4px;font-size:12px;font-weight:700}.scm__way{font:inherit;color:#eafff1bf;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;padding:7px 15px;font-size:13.5px;font-weight:700;transition:border-color .2s,background-color .2s,color .2s}.scm__way:hover{color:#fff;border-color:#4ade8073}.scm__way:focus-visible{outline-offset:2px;outline:2px solid #4ade80}.scm__way[aria-selected=true]{color:#04140b;background:#34e07a;border-color:#34e07a}.scm__steps{flex-wrap:wrap;align-items:center;gap:8px 10px;margin:16px 0 0;padding:0;list-style:none;display:flex}.scm__steps[hidden]{display:none}.scm__st{white-space:nowrap;align-items:center;display:inline-flex}.scm__or{color:#eafff199;margin:0 10px 0 2px;font-size:13px;font-style:italic}.scm__step{color:#eafff1e0;height:32px;font:inherit;cursor:pointer;background:#4ade800f;border:1px solid #4ade8066;border-radius:999px;align-items:center;gap:8px;padding:0 12px 0 5px;font-size:13.5px;font-weight:600;line-height:1;transition:border-color .25s,background-color .25s,color .25s,box-shadow .25s;display:inline-flex}.scm__step:hover{color:#fff;background:#4ade8024;border-color:#4ade80}.scm__step:focus-visible{outline-offset:2px;outline:2px solid #4ade80}.scm__step-n{color:#4ade80;background:#4ade8029;border:1px solid #4ade808c;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-family:ui-monospace,Fira Code,Space Mono,monospace;font-size:12px;font-weight:700;transition:background-color .25s,color .25s,border-color .25s;display:inline-flex}.scm__step[data-done=true]{color:#eafff199}.scm__step[data-done=true] .scm__step-n{color:#4ade80d9;background:#14392a}.scm__step[data-active=true]{color:#04140b;background:#4ade80;border-color:#4ade80;box-shadow:0 0 0 3px #4ade8033,0 0 16px #4ade8059}.scm__step[data-active=true] .scm__step-n{color:#4ade80;background:#04140b;border-color:#04140b}.scm__head{align-items:center;gap:16px;min-width:0;margin:14px 0 0;display:flex}.scm__mode{color:#eafff1db;flex:1 1 0;min-width:0;margin:0;font-size:15px;line-height:1.4}.scm__door{color:#4ade80;white-space:nowrap;border:1.5px solid #4ade80b3;border-radius:999px;flex-shrink:0;align-items:center;height:38px;padding:0 18px;font-size:14px;font-weight:700;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.scm__door:hover{color:#04140b;background:#4ade80;border-color:#4ade80}.scm__stage{margin:8px 0 0}.scm__stage-inner{min-width:0}.scm__svg{width:100%;height:auto;margin:0 0 2px;display:block}.scm__svg text{font-family:ui-monospace,Fira Code,Space Mono,monospace}.scm__vis-row{color:#eafff1b3;border-top:1px solid #4ade802e;flex-wrap:wrap;align-items:baseline;margin:12px 0 0;padding-top:12px;font-size:13px;line-height:1.7;display:flex}.scm__vis-row strong{color:#fff;white-space:nowrap;margin-right:8px;font-weight:700}.scm__vis-row-item{white-space:nowrap}.scm__vis-row-item a{color:#4ade80;text-decoration:none}.scm__vis-row-item a:hover{text-decoration:underline}.scm__vis-row-item:not(:last-child):after{content:"·";color:#4ade8073;margin:0 8px}.scm__vis{border-top:1px solid #4ade802e;margin:16px 0 0;padding-top:14px}.scm__vis-lead{color:#eafff1b3;margin:0 0 12px;font-size:13.5px;line-height:1.5}.scm__vis-lead strong{color:#fff;font-weight:700}.scm__vis-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.scm__vis-item{background:#4ade800d;border:1px solid #4ade8029;border-radius:12px;flex-direction:column;gap:4px;min-width:0;padding:10px 12px;display:flex}.scm__vis-title{color:#fff;font-size:13px;font-weight:700;line-height:1.25}.scm__vis-line{color:#eafff19e;flex:auto;font-size:11.5px;line-height:1.45}.scm__vis-link{color:#4ade80;margin-top:4px;font-size:11.5px;text-decoration:none}.scm__vis-link:hover{text-decoration:underline}@media (max-width:899px){.scm__steps{gap:6px 0;margin-top:12px}.scm__st{flex-basis:100%}.scm__or{margin:0 8px 0 2px}.scm__head{flex-wrap:wrap;gap:12px}.scm__mode{flex-basis:100%}.scm__door{flex-basis:100%;justify-content:center}.scm__stage{-webkit-overflow-scrolling:touch;scrollbar-width:thin;margin-left:calc(-1*clamp(14px,3vw,26px));margin-right:calc(-1*clamp(14px,3vw,26px));padding:0 clamp(14px,3vw,26px);overflow-x:auto}.scm__stage-inner{min-width:760px}.scm__vis-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:6px;display:flex;overflow-x:auto}.scm__vis-item{scroll-snap-align:start;flex:0 0 min(72vw,240px)}.scm__vis-row-item:not(:last-child):after{margin:0 6px}}@media (prefers-reduced-motion:reduce){.scm__way,.scm__step,.scm__step-n,.scm__door{transition:none}}