body {
  margin: 0;
  min-height: 100vh;
  font-family: "IBM Plex Mono", "Courier New", monospace;
  background:
    radial-gradient(circle at 16% 12%, rgba(28, 96, 62, 0.18) 0%, rgba(6, 24, 15, 0) 34%),
    radial-gradient(circle at 82% 80%, rgba(21, 78, 49, 0.14) 0%, rgba(4, 16, 10, 0) 32%),
    linear-gradient(180deg, #06140d 0%, #031009 38%, #020b06 100%);
  color: var(--text);
  position: relative;
  overflow: hidden;
}

.app-shell {
  width: min(1100px, calc(100% - 32px));
  margin: 30px auto 36px;
  padding: 14px;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 12px;
  position: relative;
  z-index: 3;
  border: 1px solid rgba(160, 176, 198, 0.55);
  background:
    linear-gradient(180deg, rgba(241, 245, 250, 0.72), rgba(232, 238, 246, 0.72));
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.58),
    0 18px 34px rgba(10, 22, 40, 0.24);
}

.hidden {
  display: none !important;
}