/* Common sample-bar (shows on all sample pages so viewers know they're on a demo) */
.sample-bar {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 9999;
  background: rgba(3, 6, 13, 0.95);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(0, 200, 255, 0.4);
  color: #f4f9ff;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 12px;
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.sample-bar .back-link {
  color: #00c8ff;
  text-decoration: none;
  font-family: 'JetBrains Mono', monospace;
  letter-spacing: 0.05em;
  text-shadow: 0 0 6px rgba(0, 200, 255, 0.4);
  transition: color .2s;
}
.sample-bar .back-link:hover { color: #6ee0ff; }
.sample-bar .sample-label {
  color: #8aa0bd;
  font-size: 11px;
  letter-spacing: 0.08em;
}
.sample-bar .sample-label strong {
  color: #00c8ff;
  font-weight: 700;
}
body { padding-top: 44px; }