:root { color-scheme: dark; }
.nml-entry-welcome, .entry-unavailable {
  margin: 0;
  box-sizing: border-box;
  display: grid;
  place-items: center;
  min-height: 100vh;
  min-height: 100svh;
  padding: 1.5rem;
  background: var(--c-bg, Canvas);
  color: var(--c-text, CanvasText);
  font-family: var(--font-ui, system-ui, sans-serif);
  text-align: center;
}
.nml-entry-welcome main { max-width: 42rem; }
.nml-entry-welcome h1 { margin: 0; font-size: clamp(1.4rem, 3.5vw, 2.5rem); line-height: 1.5; font-weight: 500; overflow-wrap: anywhere; }
.nml-test-watermark {
  position: fixed;
  right: 20px;
  bottom: max(16px, env(safe-area-inset-bottom, 0px));
  z-index: calc(var(--z-toast, 120) + 2);
  color: var(--c-text-muted, CanvasText);
  font-family: var(--font-ui, system-ui, sans-serif);
  font-size: 36px;
  line-height: 1.2;
  font-weight: 500;
  opacity: .35;
  white-space: nowrap;
  pointer-events: none;
  user-select: none;
}
.nml-entry-en { display: none; }
html:lang(en) .nml-entry-zh { display: none; }
html:lang(en) .nml-entry-en { display: inline; }
html[data-nml-entry="Test"] { --entry-toast-bottom-offset: max(80px, calc(env(safe-area-inset-bottom, 0px) + 64px)); }
html[data-nml-entry="Test"] .dialog-backdrop .dialog-footer {
  padding-bottom: var(--entry-toast-bottom-offset);
}
html[data-nml-entry="Test"] .dialog-backdrop .dialog:not(:has(.dialog-footer)) {
  padding-bottom: var(--entry-toast-bottom-offset);
}
html[data-nml-entry="Test"] .app-shell > .app-main { margin-bottom: var(--entry-toast-bottom-offset); }
html[data-nml-entry="Test"] .device-shell { padding-bottom: var(--entry-toast-bottom-offset); box-sizing: border-box; }
@media (forced-colors: active) { .nml-test-watermark { color: CanvasText; opacity: 1; } }
@media (max-width: 240px) { .nml-test-watermark { right: 12px; font-size: 24px; } }