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