:root {
  color-scheme: dark;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-height: 100vh;
  background: #020617;
}

body::before {
  position: fixed;
  inset: 0;
  z-index: -1;
  content: "";
  background:
    radial-gradient(circle at 15% 10%, rgba(34, 211, 238, 0.24), transparent 28rem),
    radial-gradient(circle at 85% 12%, rgba(16, 185, 129, 0.18), transparent 24rem),
    radial-gradient(circle at 50% 90%, rgba(59, 130, 246, 0.18), transparent 30rem),
    #020617;
}

input::placeholder,
textarea::placeholder {
  color: rgba(203, 213, 225, 0.48);
}

button:disabled {
  cursor: wait;
  opacity: 0.72;
}

.session-card,
.resource-card {
  backdrop-filter: blur(18px);
}

.resource-card {
  display: block;
  text-decoration: none;
}

.resource-card:focus,
.copy-session-button:focus,
#analyze-button:focus,
#api-status-link:focus {
  outline: 3px solid rgba(103, 232, 249, 0.65);
  outline-offset: 3px;
}

#agenda-text-input {
  resize: vertical;
}

@media print {
  body {
    background: white;
    color: black;
  }

  nav,
  #agenda-form,
  .copy-session-button {
    display: none !important;
  }

  #app-shell,
  .session-card,
  .resource-card,
  #results-header {
    background: white !important;
    color: black !important;
    border-color: #d1d5db !important;
  }
}