/* Aquarium — domain styling only. Layout and controls come from the shell. */

body {
  background: #071018;
  color: #dff1ff;
}

.exhibit-header {
  background: linear-gradient(90deg, rgba(30, 90, 130, 0.35), rgba(255, 255, 255, 0.03));
  border-color: rgba(120, 200, 255, 0.22);
}

.exhibit-header h1 { color: #bfe9ff; }

.stage {
  border-color: rgba(120, 200, 255, 0.25);
  box-shadow: inset 0 0 60px rgba(0, 40, 70, 0.8);
}

.panel {
  background: rgba(20, 60, 90, 0.22);
  border-color: rgba(120, 200, 255, 0.18);
}

.panel h2 { color: #8fd4ff; }

input[type="range"] { accent-color: #4fc3ff; }

button {
  background: rgba(79, 195, 255, 0.12);
  border-color: rgba(120, 200, 255, 0.35);
  color: #dff1ff;
}

button:hover { background: rgba(79, 195, 255, 0.24); }

button[aria-pressed="true"] {
  background: rgba(79, 195, 255, 0.4);
  border-color: rgba(160, 225, 255, 0.7);
}

select {
  background: rgba(4, 24, 38, 0.85);
  border-color: rgba(120, 200, 255, 0.3);
}

.exhibit-footer {
  background: rgba(20, 60, 90, 0.22);
  border-color: rgba(120, 200, 255, 0.18);
}

.exhibit-footer .announcement-label { color: #8fd4ff; opacity: 0.7; }

.exhibit-header .status { color: #8fd4ff; }