/* UI 確認用デモの帯（scripts/build-ui-demo.mjs が生成） */
:root { --demo-band-h: 30px; }
.demo-band {
  position: fixed; top: 0; left: 0; right: 0; z-index: 2147483000;
  height: var(--demo-band-h); padding: 0 12px;
  display: flex; align-items: center; justify-content: center; gap: 8px;
  background: #f2b705; color: #1f1a00;
  font: 700 13px/1 "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  letter-spacing: .02em; white-space: nowrap; overflow: hidden;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .18);
}
.demo-band small { font-size: 11px; font-weight: 500; opacity: .8; }
body { padding-top: var(--demo-band-h) !important; }
.tab-panel, .shell > .consent-panel { top: var(--demo-band-h) !important; }
.home-bg {
  top: var(--demo-band-h) !important;
  height: calc(100dvh - var(--demo-band-h) - var(--tabbar-h) - env(safe-area-inset-bottom, 0px)) !important;
}
.app { height: calc(100dvh - var(--demo-band-h)) !important; }
.gate, .shell { min-height: calc(100dvh - var(--demo-band-h)) !important; }