.sm{position:relative}.sm-btn{border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);min-height:44px;color:var(--color-text);white-space:nowrap;cursor:pointer;transition:border-color .15s var(--ease-out), background-color .15s var(--ease-out);background:0 0;justify-content:center;align-items:center;gap:.5rem;padding:0 1rem;font-size:.9375rem;font-weight:500;display:inline-flex}.sm-btn:hover{border-color:var(--color-text)}.sm-btn[aria-pressed=true]{border-color:var(--color-text);background:var(--color-surface-2)}.sm-btn-primary,.sm-btn-primary[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}.sm-btn-primary:hover{border-color:var(--color-accent-hover);background:var(--color-accent-hover)}.sm-btn svg{fill:currentColor;flex:none;width:16px;height:16px}[data-sm-play] [data-sm-icon-pause],[data-sm-play][data-playing] [data-sm-icon-play]{display:none}[data-sm-play][data-playing] [data-sm-icon-pause]{display:block}.sm-icon-btn{width:44px;padding:0}.sm-pill{border:1px solid var(--color-line);border-radius:var(--radius-sm);min-width:0;min-height:44px;color:var(--color-muted);text-align:left;cursor:pointer;transition:border-color .15s var(--ease-out), background-color .15s var(--ease-out), color .15s var(--ease-out);align-items:center;gap:.625rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.35;display:flex}.sm-pill:hover{border-color:var(--color-line-strong);color:var(--color-text)}.sm-pill[aria-pressed=true]{border-color:var(--color-text);background:var(--color-surface-2);color:var(--color-text)}.sm-pill-overview{flex:none;justify-content:center;min-width:7rem}.sm-pill-n{font-family:var(--font-mono);color:var(--color-muted);flex:none;font-size:.75rem}.sm-pill[aria-pressed=true] .sm-pill-n{color:var(--color-text)}.sm-chapter{min-height:44px;color:var(--color-muted);cursor:pointer;transition:color .15s var(--ease-out), border-color .15s var(--ease-out);border-bottom:2px solid #0000;padding:0 .75rem;font-size:.9375rem}.sm-chapter:hover{color:var(--color-text)}.sm-chapter[aria-pressed=true]{border-bottom-color:var(--color-text);color:var(--color-text)}.sm-area{aspect-ratio:var(--sm-ratio);position:relative}.sm-hint{z-index:2;border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:color-mix(in oklab, var(--color-base) 88%, transparent);color:var(--color-text);white-space:nowrap;pointer-events:none;transition:opacity .3s var(--ease-out);align-items:center;gap:.5rem;margin:0;padding:.5rem .875rem;font-size:.875rem;display:inline-flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.sm-hint svg{width:13px;height:13px;fill:var(--color-accent)}.sm-hint.is-gone{opacity:0}@media (width<=40rem){.sm-hint{white-space:normal;text-align:center;width:max-content;max-width:calc(100% - 2rem)}}[data-sm][data-focus=true] .sm-area{aspect-ratio:auto;height:clamp(360px,100svh - 520px,680px)}.sm-wrap{background-color:var(--color-base);scrollbar-color:var(--color-line-strong) transparent;background-image:radial-gradient(circle at 1px 1px,#edebe60f 1px,#0000 0);background-size:24px 24px;height:100%;overflow:auto}.sm-console{border-top:1px solid var(--color-line);gap:.75rem;padding:1.25rem 1rem;display:grid}@media (width>=40rem){.sm-console{padding:1.5rem 1.5rem 1.25rem}}.sm-meta{color:var(--color-muted);font:400 .75rem/1.5 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:.25rem 1rem;display:flex}.sm-meta b{color:var(--color-text);font-weight:400}.sm-now{max-width:62ch;font-size:var(--text-h3);letter-spacing:-.01em;font-weight:500;line-height:1.35}.sm-extra{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.sm-extra:empty{display:none}.sm-keys{align-items:center;gap:.375rem;margin-right:.75rem;display:inline-flex}.sm-extra kbd{border:1px solid var(--color-line-strong);color:var(--color-text);font:400 .6875rem var(--font-mono);border-radius:4px;padding:.0625rem .375rem}.sm-step{border:1px solid var(--color-line);border-radius:var(--radius-sm);min-width:44px;min-height:44px;color:var(--color-muted);font:400 .8125rem var(--font-mono);font-variant-numeric:tabular-nums;cursor:pointer;transition:border-color .15s var(--ease-out), background-color .15s var(--ease-out), color .15s var(--ease-out);justify-content:center;align-items:center;gap:.5rem;padding:0 .75rem;display:inline-flex}.sm-step:hover{border-color:var(--color-text)}.sm-step.is-done{border-color:var(--color-line-strong);color:var(--color-text)}.sm-step[aria-current=step]{border-color:var(--color-text);background:var(--color-text);color:var(--color-base)}.sm-step-label{font-family:var(--font-sans);display:none}.sm-step[aria-current=step] .sm-step-label{display:inline}.sm-chip{border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);min-height:44px;color:var(--color-text);cursor:pointer;transition:border-color .15s var(--ease-out);align-items:center;padding:0 .75rem;font-size:.875rem;display:inline-flex}.sm-chip:hover{border-color:var(--color-text)}.sm-status{color:var(--color-text);align-items:center;gap:.5rem;display:inline-flex}.sm-status:before{content:"";background:var(--color-success);border-radius:999px;width:.5rem;height:.5rem}.sm-bar{background:var(--color-line);height:2px;overflow:hidden}.sm-bar i{background:var(--color-muted);transform-origin:0;height:100%;display:block;transform:scaleX(0)}[data-sm]:not([data-mode=journey]) .sm-bar{display:none}[data-sm] .sm-edge.is-faded{opacity:.3}[data-sm] .sm-edge.is-flow{stroke:var(--color-accent);opacity:.4}[data-sm] .sm-edge.is-cur{stroke:var(--color-accent);stroke-width:2.5px;opacity:1}[data-sm] .sm-edge.is-out{visibility:hidden}[data-sm] .sm-part.is-faded{opacity:.32}[data-sm-ready] .sm-part{cursor:pointer}[data-sm-ready] .sm-part:hover .sm-box{stroke:var(--color-text)}[data-sm] .sm-part.is-lit .sm-box,[data-sm] .sm-part.is-sel .sm-box{fill:color-mix(in srgb, var(--color-accent) 9%, var(--color-surface-2));stroke:var(--color-accent);stroke-width:1.75px}[data-sm] .sm-part:focus{outline:none}[data-sm] .sm-part:focus-visible .sm-ring{stroke:var(--color-accent);stroke-width:2px}.sm-dot,.sm-halo{fill:var(--color-accent)}.sm-dot-amb{fill:var(--color-muted)}.sm-dot-main,.sm-halo-main{fill:var(--color-text)}[data-sm] .sm-edge.is-active{stroke:var(--color-muted);stroke-width:1.8px}[data-sm] .sm-part.is-active .sm-box{stroke:var(--color-text)}.sm-flow{display:none}.sm-flow-part{border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-surface-2);width:100%;min-height:64px;color:var(--color-text);cursor:pointer;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:.125rem;padding:.5rem .75rem;font-size:1.0625rem;font-weight:500;display:flex}.sm-flow-part small{color:var(--color-muted);font:400 .6875rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.sm-flow-arrow{color:var(--color-accent);flex:none;line-height:1}.sm-flow-sep{background:var(--color-line-strong);flex:none;width:2.5rem;height:1px;margin:.25rem 0}@media (width<40rem){.sm-area{aspect-ratio:auto;height:560px}.sm-wrap .sm-svg{min-width:800px}[data-sm][data-focus=true] .sm-area{height:320px}[data-sm][data-focus=true] .sm-wrap .sm-svg{min-width:0}[data-sm][data-focus=true][data-mode=journey] .sm-wrap .sm-svg{visibility:hidden}[data-sm][data-focus=true][data-mode=journey] .sm-flow:not(:empty){flex-direction:column;align-items:center;gap:.625rem;padding:1.5rem 1.25rem;display:flex;position:absolute;inset:0;overflow:auto}.sm-chapters{width:100%}.sm-chapter{flex:1;padding:0 .25rem;font-size:.875rem;line-height:1.25}.sm-camera{width:100%;padding:0 .5rem .25rem}.sm-camera .sm-btn{flex:1;padding:0 .5rem}.sm-fs{width:44px;padding:0}.sm-fs-label{display:none}.sm-pill{min-height:56px;padding:.5rem .625rem;font-size:.8125rem}.sm-pill-n{display:none}.sm-pill-overview{min-height:44px}.sm-extra{flex-wrap:nowrap;margin:-.25rem;padding:.25rem;overflow-x:auto}.sm-extra>*{flex:none}.sm-keys{display:none}}[data-sm]:fullscreen{height:100%;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);border:0;border-radius:0;flex-direction:column;display:flex;overflow:auto}[data-sm]:fullscreen .sm-area,[data-sm][data-focus=true]:fullscreen .sm-area{aspect-ratio:auto;flex:1;height:auto;min-height:200px}[data-sm]:fullscreen figcaption{display:none}@media (prefers-reduced-motion:reduce){.sm-btn,.sm-pill,.sm-chapter,.sm-step,.sm-chip{transition:none}}