/* デモ（見本モード）の印：画面右下の小さな札。アプリ本体の CSS・JS は変更しない（ビルド時に <link>／<script> を足すだけ） */
.hp-demo-badge { position: fixed; right: 10px; bottom: 10px; z-index: 9999; display: flex; align-items: center; gap: 8px; background: rgba(17, 24, 39, .86); color: #fff; font: 600 12px/1.3 "Hiragino Sans", "Noto Sans JP", "Yu Gothic UI", Meiryo, system-ui, sans-serif; padding: 7px 10px 7px 12px; border-radius: 999px; box-shadow: 0 6px 18px rgba(0,0,0,.25); pointer-events: auto; }
.hp-demo-badge b { color: #ffd166; font-weight: 800; }
.hp-demo-badge a { color: #fff; text-decoration: underline; font-weight: 600; white-space: nowrap; }
.hp-demo-badge button { background: none; border: 0; color: #cbd5e1; cursor: pointer; font-size: 14px; padding: 0 2px; line-height: 1; }
@media (max-width: 640px) { .hp-demo-badge { right: 8px; bottom: 8px; font-size: 11px; padding: 6px 8px 6px 10px; } .hp-demo-badge .hp-l { display: none; } }