/* Shared site music control / transparent credit. */
.chiisana-bgm-button{
  all:unset; box-sizing:border-box; position:fixed; z-index:9999;
  right:max(15px, env(safe-area-inset-right)); bottom:calc(46px + env(safe-area-inset-bottom));
  display:inline-flex; align-items:center; justify-content:center; gap:7px;
  min-width:104px; height:38px; padding:0 12px; border:1px solid rgba(170,198,231,.84);
  border-radius:30px; color:#195181; background:rgba(255,255,255,.91);
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  box-shadow:0 6px 24px rgba(34,88,145,.10);
  cursor:pointer; user-select:none; font:600 11px/1.2 system-ui,"Noto Sans JP",sans-serif;
  transition:transform .15s,background .15s,border-color .15s;
}
.chiisana-bgm-button:hover{background:#fff;border-color:#5b9ce9;transform:translateY(-1px)}
.chiisana-bgm-button:focus-visible{outline:2px solid #006ad6;outline-offset:3px}
.chiisana-bgm-symbol{color:#147bd6;font-size:19px;line-height:1}
.chiisana-bgm-credit{
  box-sizing:border-box; position:fixed; z-index:9998;
  left:50%; transform:translateX(-50%); bottom:0;
  width:max-content; max-width:100%; padding:6px 12px calc(8px + env(safe-area-inset-bottom));
  background:rgba(252,253,255,.82); border-radius:10px 10px 0 0;
  color:#68809a; font:400 10px/1.5 system-ui,"Noto Sans JP",sans-serif;
  white-space:normal; text-align:center; text-wrap:balance;
}
.chiisana-bgm-credit a{color:#456b93;text-decoration:underline;text-decoration-color:#a2b9d2;text-underline-offset:2px}
.chiisana-bgm-credit a:hover{color:#0867e2}
/* Make room for the credits on long pages and footer-linked content. */
body:not(.home-page){padding-bottom:70px}
@media(max-width:390px){
  .chiisana-bgm-button{right:12px;bottom:calc(48px + env(safe-area-inset-bottom));height:36px;min-width:96px;padding:0 10px}
  .chiisana-bgm-credit{font-size:9px;max-width:calc(100% - 14px)}
}