.step-shell{--step-rose-50:#fff5f8;--step-rose-200:#ffc2dc;--step-warm:#ffd9ea;--step-glass-top:var(--nav-glass-top);--step-glass-mid:var(--nav-glass-mid);--step-glass-rim-top:var(--nav-glass-rim-top);--step-glass-rim-bottom:var(--nav-glass-rim-bottom);--step-glass-edge:var(--nav-glass-edge);--step-glass-shade:var(--nav-glass-shade);--step-bar-off:#ffffffb3;--step-inset:12px;--step-card-radius:40px;--step-card-radius-sheet:28px;--step-card-max:925px;--step-side-min:280px;--step-card-pad:40px;min-height:100dvh;color:var(--foreground);background:linear-gradient(150deg, var(--step-rose-200) 0%, #fff0 72%), var(--step-rose-50);flex:1;container:pkstep/inline-size}.step-shell__frame{grid-template-columns:minmax(var(--step-side-min), 1fr) minmax(0, var(--step-card-max));gap:var(--step-inset);padding:var(--step-inset);box-sizing:border-box;height:100dvh;display:grid}.step-shell__side{flex-direction:column;min-width:0;min-height:0;padding:44px 36px 28px;display:flex}.step-shell__brand{justify-content:space-between;align-items:center;gap:12px;min-height:40px;display:flex}.step-shell__pill{box-sizing:border-box;height:32px;color:var(--foreground);font:500 13px/20px var(--font-sans);white-space:nowrap;background:linear-gradient(180deg, var(--step-glass-top) 0%, var(--step-glass-top) 22%, var(--step-glass-mid) 55%, var(--step-glass-top) 92%) padding-box, linear-gradient(180deg, var(--step-glass-rim-top) 0%, var(--step-glass-rim-bottom) 100%) border-box;box-shadow:inset 1.6px 0 1.2px -.8px var(--step-glass-edge), inset -1.6px 0 1.2px -.8px var(--step-glass-edge), inset 0 -2px 2px -1.5px var(--step-glass-shade), inset 0 1.5px 1px -.5px var(--step-glass-top);border:1px solid #0000;border-radius:9999px;align-items:center;gap:8px;padding:0 10px 0 12px;text-decoration:none;display:inline-flex;position:relative}.step-shell__pill:after,.step-shell__pager button:after{content:"";position:absolute;inset:-6px}.step-shell__pager button{position:relative}.step-shell__aside{flex-direction:column;gap:24px;margin-block-start:48px;display:flex}.step-shell__heading{font:600 28px/40px var(--font-sans);letter-spacing:-.02em;color:var(--foreground);margin:0}.step-shell__tip{border-block-start:1px solid var(--border);flex-direction:column;gap:8px;padding-block-start:16px;display:flex}.step-shell__tip-head{align-items:center;gap:12px;display:flex}.step-shell__bubble{width:36px;height:36px;color:var(--primary);background:radial-gradient(60% 50% at 35% 20%, #ffffffd9, #fff0), var(--step-glass-top);box-shadow:0 .5px .8px color-mix(in srgb, var(--foreground) 20%, transparent);border-radius:9999px;flex:none;place-items:center;display:inline-grid}.step-shell__tip-title{font:500 16px/24px var(--font-sans);letter-spacing:-.015em}.step-shell__tip-text{font:400 15px/24px var(--font-sans);opacity:.7;margin:0}.step-shell__sidefoot{font:400 14px/22px var(--font-sans);color:var(--muted-foreground);margin-block-start:auto;padding-block-start:32px}.step-shell__sidefoot strong{color:var(--foreground);font-weight:500}.step-shell__bars{gap:6px;margin-block-start:20px;display:none}.step-shell__bars span{background:var(--step-bar-off);border-radius:3px;flex:1;height:3px}.step-shell__bars span.is-on{background:var(--primary)}.step-shell__card{background:var(--card);min-width:0;min-height:0;color:var(--card-foreground);border-radius:var(--step-card-radius);box-shadow:5px 16px 36px 0 color-mix(in srgb, var(--primary) 6%, transparent), 0 16px 64px 0 color-mix(in srgb, var(--foreground) 6%, transparent);flex-direction:column;display:flex;position:relative;overflow:hidden}.step-shell__intro{padding:var(--step-card-pad) var(--step-card-pad) 0;flex:none}.step-shell__head{justify-content:space-between;align-items:center;gap:16px;min-height:32px;display:flex}.step-shell__count{font:500 14px/20px var(--font-sans);color:var(--muted-foreground)}.step-shell__pager{font:400 14px/20px var(--font-sans);color:var(--muted-foreground);gap:0;padding:0}.step-shell__pager button{width:30px;height:30px;color:var(--foreground);cursor:pointer;background:0 0;border:0;border-radius:9999px;place-items:center;padding:0;display:inline-grid}.step-shell__pager button:disabled{opacity:.35;cursor:default}.step-shell__pager button:focus-visible{box-shadow:0 0 0 2px var(--ring);outline:none}.step-shell__pagertext{font-variant-numeric:tabular-nums;padding:0 2px}.step-shell__title{font:600 28px/40px var(--font-sans);letter-spacing:-.02em;color:var(--foreground);outline:none;margin:0}.step-shell__desc{max-width:48ch;font:500 16px/24px var(--font-sans);color:var(--muted-foreground);margin:0}.step-shell__intro .step-shell__title{margin-block-start:36px}.step-shell__intro .step-shell__desc{margin-block-start:8px}.step-shell__scroll{overscroll-behavior:contain;min-height:0;padding:36px var(--step-card-pad) 32px;flex-direction:column;flex:1;display:flex;overflow-y:auto}.step-shell__body{flex-direction:column;gap:24px;max-width:640px;display:flex}.step-shell__foot{padding:20px var(--step-card-pad) var(--step-card-pad);flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.step-shell__foot:empty{display:none}@container pkstep (max-width:960px){.step-shell__frame{flex-direction:column;gap:0;padding:0;display:flex}.step-shell__side{flex:none;padding:16px 16px 20px}.step-shell__aside{margin-block-start:16px}.step-shell__tip,.step-shell__sidefoot{display:none}.step-shell__bars{display:flex}.step-shell__card{border-radius:var(--step-card-radius-sheet) var(--step-card-radius-sheet) 0 0;box-shadow:0 -8px 40px 0 color-mix(in srgb, var(--foreground) 6%, transparent);flex:1}.step-shell__frame{--step-card-pad:20px}.step-shell__intro{padding-block:24px 0}.step-shell__scroll{padding-block:20px 16px}.step-shell__foot{padding-block:12px 20px}.step-shell__foot>*{flex:1}.step-shell__heading{font-size:22px;line-height:30px}.step-shell__intro .step-shell__title{margin-block-start:20px}.step-shell__title{font-size:22px;line-height:30px}.step-shell__desc{font-size:14px;line-height:22px}}