#replay-modal{
      display:none;position:fixed;inset:0;
      background:rgba(0,0,0,.62);z-index:800;
      align-items:center;justify-content:center;padding:16px;
    }
    #replay-modal.open{display:flex;}
    #replay-box{
      background:#fff;border-radius:24px;
      padding:24px 20px 20px;width:100%;max-width:480px;
      max-height:90vh;overflow-y:auto;
      animation:popIn .35s cubic-bezier(.34,1.56,.64,1);
    }
    @keyframes popIn{from{transform:scale(.6);opacity:0;}to{transform:scale(1);opacity:1;}}
    #replay-box h2{font-size:1.2rem;color:#5b8dee;margin-bottom:12px;display:flex;align-items:center;gap:8px;}
    #replay-sessions{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;max-height:60vh;overflow-y:auto;}
    .session-item{
      display:flex;justify-content:space-between;align-items:center;
      background:#f5f5f5;border-radius:10px;padding:8px 12px;
      font-size:.82rem;border:2px solid transparent;
      gap:8px;flex-wrap:wrap;
    }
    .session-item .si-moves{color:#5b8dee;font-weight:bold;}
    /* 主操作「みる」: 子ども向けUXガイドに沿い、大きく・目立つ色で見つけやすくする */
    .si-watch{
      display:inline-flex;align-items:center;justify-content:center;
      min-height:44px;min-width:60px;padding:6px 16px;
      background:linear-gradient(135deg,#ff8c42,#f0a060);color:#fff;
      font-size:.86rem;font-weight:bold;text-decoration:none;
      border-radius:20px;white-space:nowrap;transition:.15s;
    }
    .si-watch:active{transform:scale(.96);}
    /* 副操作「けす」: 主操作より控えめな見た目にする */
    .si-delete{
      display:inline-flex;align-items:center;justify-content:center;
      min-height:44px;padding:6px 12px;
      font-size:.76rem;color:#ff9b9b;background:none;
      border:1px solid rgba(255,155,155,.4);border-radius:16px;
      cursor:pointer;white-space:nowrap;font-family:inherit;
    }
    #replay-close{width:100%;margin-top:12px;padding:10px;background:#eee;color:#555;border:none;border-radius:20px;font-family:inherit;font-size:.9rem;cursor:pointer;font-weight:bold;}