/* Public display mode. Remove this class by setting PUBLIC_MODE=0 on the server. */
html.display-mode [data-service="studio"],
html.display-mode [data-service="account"],
html.display-mode [data-ws-module="studio"],
html.display-mode [data-ws-module="account"],
html.display-mode [data-ws-module="admin"],
html.display-mode [data-view="account"],
html.display-mode [data-view="admin"],
html.display-mode #session-button {
  display: none !important;
}

html.display-mode .display-mode-note {
  position: fixed;
  left: 50%;
  bottom: 86px;
  z-index: 80;
  transform: translateX(-50%);
  max-width: calc(100% - 32px);
  padding: 9px 16px;
  border: 1px solid rgba(201, 175, 120, 0.5);
  border-radius: 999px;
  background: rgba(6, 16, 17, 0.9);
  color: #e3d4b3;
  font-size: 12px;
  line-height: 1.6;
  text-align: center;
  backdrop-filter: blur(10px);
  pointer-events: none;
}

@media (max-width: 680px) {
  html.display-mode .display-mode-note {
    bottom: 78px;
    font-size: 11px;
    padding: 8px 12px;
  }
}