.theme-player{
  position:fixed;right:18px;top:14px;z-index:50;
}
.theme-player button{
  display:flex;align-items:center;gap:10px;
  border:1px solid rgba(120,170,255,.28);
  background:rgba(3,4,10,.72);
  color:var(--ink,#eef2ff);
  backdrop-filter:blur(12px);
  border-radius:999px;
  padding:10px 14px 10px 12px;
  cursor:pointer;
  font-family:'Zen Kaku Gothic New',sans-serif;
  box-shadow:0 0 24px rgba(79,216,255,.18);
}
.theme-player button:hover{border-color:#4fd8ff}
.theme-player .ico{
  width:28px;height:28px;border-radius:50%;
  display:grid;place-items:center;
  background:linear-gradient(135deg,#37c8f0,#7a6cf5 55%,#ff4d8d);
  color:#fff;font-size:9px;font-weight:700;letter-spacing:.04em;flex:none;
}
.theme-player .txt{text-align:left;line-height:1.2}
.theme-player .ttl{display:block;font-size:10px;letter-spacing:.04em;color:#a9b4d6;max-width:12.5em;line-height:1.45}
.theme-player .state{
  display:inline-block;margin-top:3px;
  font-size:12px;font-weight:700;letter-spacing:.14em;
  padding:2px 8px;border-radius:999px;
  border:1px solid rgba(79,216,255,.35);
  color:#4fd8ff;
}
.theme-player button[aria-pressed="true"]{
  box-shadow:0 0 28px rgba(79,216,255,.38);
}
.theme-player button[aria-pressed="true"] .ico{animation:theme-pulse 1.6s ease-in-out infinite}
.theme-player button[aria-pressed="false"] .ico{
  background:#2a3148;color:#a9b4d6;
}
.theme-player button[aria-pressed="false"] .state{
  color:#a9b4d6;border-color:rgba(169,180,214,.35);
}
@keyframes theme-pulse{50%{transform:scale(1.08)}}
@media (prefers-reduced-motion:reduce){
  .theme-player button[aria-pressed="true"] .ico{animation:none}
}
/* スマホ: 説明文を隠してアイコンのみのコンパクトな丸ボタンに（特商法等への被り・邪魔を解消）。
   ノッチ端末では上部セーフエリア分だけ下げる。ON/OFF表示はアイコン内テキストで維持。 */
@media (max-width:640px){
  .theme-player{right:12px;top:calc(env(safe-area-inset-top, 0px) + 10px)}
  .theme-player button{padding:7px;gap:0}
  .theme-player .txt{display:none}
  .theme-player .ico{width:30px;height:30px;font-size:9.5px}
}