/* Quiz visual system shared with the award-site redesign */
:root { --nx-blue: #1682ff; }
body { background: #000; font-family: "Inter Tight", Arial, sans-serif; }
body,
body :where(h1, h2, h3, h4, h5, h6, p, span, small, strong, em, li, div, section, article) {
  cursor: default;
  -webkit-user-select: none !important;
  user-select: none !important;
}

body :where(input, textarea, select, [contenteditable="true"]) {
  cursor: text;
  -webkit-user-select: text !important;
  user-select: text !important;
}
.noise { opacity: .025; }
.topbar { border-bottom-color: rgba(255,255,255,.14); background: rgba(0,0,0,.86); }
.brand { font-weight: 500; letter-spacing: -.04em; }
.brand img { filter: grayscale(1) brightness(1.45); }
.progress-bar { background: linear-gradient(90deg, var(--nx-blue), #fff); box-shadow: 0 0 14px rgba(22,130,255,.42); }
.question-number,
.eyebrow { color: var(--nx-blue); font-family: "DM Mono", monospace; letter-spacing: .16em; }
.question-title,
.completion-card h1 { font-family: "Inter Tight", Arial, sans-serif; font-weight: 650; letter-spacing: -.055em; }
.choice-label,
input,
textarea { border-radius: 0 !important; }
.choice-label:hover,
.choice-input:checked + .choice-label { border-color: var(--nx-blue); box-shadow: inset 2px 0 var(--nx-blue); }
.primary-button { border-radius: 0; background: linear-gradient(105deg, #f4f4f2, #85868a 32%, #fff 52%, #77787c 73%, #f3f4f5); }
.calendar-card,
.calendar-shell { border-radius: 0 !important; }

@media (max-width: 620px) {
  .topbar { padding-inline: 1rem; }
}

/* A small amount of curvature keeps the form tactile without changing its tone. */
.choice,
.choice-label { border-radius: 6px !important; }
.choice-key { border-radius: 4px !important; }
.privacy-consent-box { border-radius: 3px; }
.primary-button { border-radius: 6px !important; }
.calendar-card,
.calendar-shell,
.calendar-embed { border-radius: 10px !important; overflow: hidden; }