/******* Do not edit this file *******
Code Snippets Manager
Saved: Dec 18 2025 | 08:08:50 */
@charset "UTF-8";
/* 共通：角丸ハイライトのベース */
.hl-box {
  padding: 4px 6px;
  border-radius: 6px;
  display: inline;
  /* 行中で自然に流れる */
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  line-height: 1.8;
}
/* 黄色 */
.hl-box.yellow {
  background-color: #fff4a8;
}
/* ピンク */
.hl-box.pink {
  background-color: #ffd2e1;
}
/* 水色 */
.hl-box.blue {
  background-color: #cfeeff;
}
/* 若草色（ライトグリーン） */
.hl-box.green {
  background-color: #dfffcc;
}
/* グレー（薄め） */
.hl-box.gray {
  background-color: #eeeeee;
}
/* オレンジ */
.hl-box.orange {
  background-color: #ffe5c2;
}
/* ======= 🌟 強調版（GLOW） ======= */
.hl-strong {
  padding: 4px 8px;
  border-radius: 6px;
  display: inline;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  line-height: 1.8;
  font-weight: bold;
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.15));
}
/* 色は通常の hl-box と共通 */
.hl-strong.yellow {
  background-color: #fff4a8;
}
.hl-strong.pink {
  background-color: #ffd2e1;
}
.hl-strong.blue {
  background-color: #cfeeff;
}
.hl-strong.green {
  background-color: #dfffcc;
}
.hl-strong.gray {
  background-color: #eeeeee;
}
.hl-strong.orange {
  background-color: #ffe5c2;
}
/* ======= ✨ アニメーション版 ======= */
.hl-anim {
  padding: 4px 8px;
  border-radius: 6px;
  display: inline;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  line-height: 1.8;
  animation: glowPulse 2.4s infinite ease-in-out;
}
/* 発光アニメーション */
@keyframes glowPulse {
  0% {
    box-shadow: 0 0 0px rgba(255, 255, 100, 0);
  }
  50% {
    box-shadow: 0 0 12px rgba(255, 255, 120, 0.6);
  }
  100% {
    box-shadow: 0 0 0px rgba(255, 255, 100, 0);
  }
}
/* 色は通常の hl-box と共通 */
.hl-anim.yellow {
  background-color: #fff4a8;
}
.hl-anim.pink {
  background-color: #ffd2e1;
}
.hl-anim.blue {
  background-color: #cfeeff;
}
.hl-anim.green {
  background-color: #dfffcc;
}
.hl-anim.gray {
  background-color: #eeeeee;
}
.hl-anim.orange {
  background-color: #ffe5c2;
}
/* ======= ゆらぐ（wave）ハイライト ======= */
.hl-wave {
  padding: 4px 8px;
  border-radius: 6px;
  display: inline;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  line-height: 1.8;
  animation: waveGlow 3s infinite ease-in-out;
}
/* ゆらゆら波のように明るさ変化 */
@keyframes waveGlow {
  0% {
    box-shadow: 0 0 2px rgba(255, 255, 180, 0.3);
    transform: scale(1);
  }
  50% {
    box-shadow: 0 0 14px rgba(255, 255, 200, 0.7);
    transform: scale(1.01);
  }
  100% {
    box-shadow: 0 0 2px rgba(255, 255, 180, 0.3);
    transform: scale(1);
  }
}
.hl-wave.yellow {
  background-color: #fff4a8;
}
.hl-wave.pink {
  background-color: #ffd2e1;
}
.hl-wave.blue {
  background-color: #cfeeff;
}
.hl-wave.green {
  background-color: #dfffcc;
}
.hl-wave.gray {
  background-color: #eeeeee;
}
.hl-wave.orange {
  background-color: #ffe5c2;
}