.sd-root{--sd-wire:60px;background:#fff;border:2px solid #d6dee9;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 2px #0000000a}@media (width>=768px){.sd-root{--sd-wire:130px}}.sd-root .sd-head{cursor:pointer;user-select:none;background:#eef1f6;justify-content:space-between;align-items:center;padding:.625rem 1rem;list-style:none;display:flex}.sd-root .sd-head::-webkit-details-marker{display:none}.sd-root[open] .sd-head{border-bottom:1px solid #d6dee9}.sd-root .sd-head-caret{font-size:.625rem;transition:transform .15s ease-out;display:inline-block}.sd-root[open] .sd-head-caret{transform:rotate(90deg)}.sd-root .sd-head-title{letter-spacing:.05em;color:#1e3a5f;font-size:.75rem;font-weight:600}.sd-root .sd-head-hint{color:#9aa3af;font-size:.625rem}@media (width<=480px){.sd-root .sd-head-hint{display:none}}.sd-root .sd-body{padding:1rem}@media (width>=768px){.sd-root .sd-body{padding:1.5rem}}.sd-root .sd-tabs{background:#f3f4f6;border:1px solid #d6dee9;border-radius:.5rem;gap:.125rem;margin-bottom:1.25rem;padding:.125rem;display:inline-flex}.sd-root .sd-tab{color:#57606a;border-radius:.375rem;padding:.375rem .9rem;font-size:.875rem;font-weight:500;transition:background-color .2s,color .2s}.sd-root .sd-tab.active{color:#fff;background:#26405f}.sd-root .sd-stage.sd-hidden{display:none}.sd-root .sd-grid{align-items:stretch;gap:.375rem;display:grid}@media (width>=768px){.sd-root .sd-grid{gap:.75rem}}.sd-root .sd-zone{background:#fff;border:2px solid #e2e5ea;border-radius:.75rem;padding:.75rem .5rem;transition:border-color .3s,box-shadow .3s,background-color .3s}.sd-root .sd-zone.active{background:#f7f9fd;border-color:#345078;box-shadow:0 0 0 3px #34507824}.sd-root .sd-zone-head{text-align:center}.sd-root .sd-zone-emoji{font-size:1.875rem;line-height:1}@media (width>=768px){.sd-root .sd-zone-emoji{font-size:2.25rem}}.sd-root .sd-zone-title{color:#374151;margin-top:.25rem;font-size:.6875rem;font-weight:700}@media (width>=768px){.sd-root .sd-zone-title{font-size:.75rem}}.sd-root .sd-zone-sub{color:#9aa3af;font-size:.5625rem}@media (width>=768px){.sd-root .sd-zone-sub{font-size:.625rem}}.sd-root .sd-toks{flex-direction:column;gap:.4rem;min-height:100px;margin-top:.5rem;display:flex}.sd-root .sd-tok{border:1.5px solid #0000;border-radius:.55rem;justify-content:center;align-items:center;gap:.25rem;padding:.35rem .3rem;font-size:.72rem;font-weight:700;line-height:1.15;transition:opacity .35s,transform .35s,box-shadow .35s;display:flex}.sd-root.is-live .sd-tok{opacity:0;pointer-events:none;transform:translateY(4px)scale(.9)}.sd-root.is-live .sd-tok.show{opacity:1;transform:translateY(0)scale(1)}.sd-root .sd-tok.pulse{box-shadow:0 0 0 4px #26405f24}.sd-root .sd-tone-pub,.sd-root .sd-tone-ok{color:#385e57;background:#eef5f3;border-color:#a8cfc4}.sd-root .sd-tone-priv{color:#6b2725;background:#fbeeed;border-color:#e6a9a4}.sd-root .sd-tone-sig,.sd-root .sd-tone-info{color:#1e3a5f;background:#eef1f6;border-color:#a8b9d0}.sd-root .sd-tone-warn{color:#7d592c;background:#fbf6ec;border-color:#e8d09a}.sd-root .sd-tone-accent{color:#1e3a5f;background:#d6dee9;border-color:#506f93}.sd-root .sd-tok.locked{margin-bottom:1.05rem;position:relative}.sd-root .sd-tok.locked:after{content:var(--sd-lock,"🚫 ここから出ない");white-space:nowrap;color:#8a3330;font-size:.6rem;font-weight:700;position:absolute;bottom:-1rem;left:50%;transform:translate(-50%)}.sd-root .sd-wire{justify-content:center;align-items:center;display:flex;position:relative}.sd-root .sd-line{background:#e5e7eb;width:100%;height:2px}.sd-root .sd-fly{white-space:nowrap;color:#1e3a5f;opacity:0;z-index:5;pointer-events:none;background:#fff;border:2px solid #506f93;border-radius:999px;padding:.15rem .55rem;font-size:.78rem;font-weight:700;position:absolute;top:50%;left:0;transform:translate(-50%,-50%);box-shadow:0 3px 10px #00000024}.sd-root .sd-narration{background:#eef1f6;border:1px solid #d6dee9;border-radius:.5rem;min-height:76px;margin-top:1.25rem;padding:.75rem 1rem}.sd-root .sd-steplabel{letter-spacing:.05em;color:#1e3a5f;margin-bottom:.125rem;font-size:.6875rem;font-weight:700}.sd-root .sd-caption{color:#374151;font-size:.875rem;line-height:1.7}.sd-root .sd-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.sd-root .sd-ctl-group{align-items:center;gap:.5rem;display:flex}.sd-root .sd-ctl{color:#1e3a5f;background:#fff;border:1px solid #d6dee9;border-radius:.5rem;padding:.4rem .7rem;font-size:.8rem;transition:all .2s}.sd-root .sd-ctl:hover:not(:disabled){border-color:#506f93}.sd-root .sd-ctl:disabled{opacity:.4;cursor:not-allowed}.sd-root .sd-play{color:#fff;background:#26405f;border-radius:.5rem;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:700;transition:background-color .2s;display:inline-flex}.sd-root .sd-play:hover{background:#1e3a5f}.sd-root .sd-dots{align-items:center;gap:.375rem;display:flex}.sd-root .sd-dot{background:#d6dee9;border-radius:999px;width:.5rem;height:.5rem;transition:all .25s}.sd-root .sd-dot.on{background:#26405f;transform:scale(1.25)}.sd-root .sd-note{color:#9aa3af;margin-top:.75rem;font-size:.6875rem;line-height:1.6}@media (prefers-reduced-motion:reduce){.sd-root .sd-tok,.sd-root .sd-fly,.sd-root .sd-zone{transition:none!important}}