/* The hero's glass treatment, shared by customer inputs and content panels.
   Screen-only so the report's paper/PDF presentation stays readable. */
@media screen {
  :root {
    --glass-fill: #192c443d;
    --glass-sheen: linear-gradient(125deg, #e6f3ff12, #99caff04 55%, #87baff0c);
    --glass-edge: #b5d9f54c;
    --glass-shadow: inset 0 1px 0 #edf7ff12, 0 12px 36px #00000024;
    --glass-blur: blur(14px) saturate(115%);
    --glass-inner: #d2e9ff06;
  }

  /* Keep the same open, underlined fields in both stages of the hero form. */
  .celestial-home #scan-form .form-details input:not([type="checkbox"]),
  .celestial-home #scan-form .form-details select,
  .identity-page input:not([type="checkbox"]),
  .identity-page select,
  .identity-page textarea {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #c9e3fa66;
    border-radius: 0;
    padding: 10px 0 11px;
    min-height: 43px;
    color: #f4f8ff;
    box-shadow: none;
    caret-color: #bce6ff;
    color-scheme: dark;
  }

  .celestial-home #scan-form input:not([type="checkbox"]):focus,
  .celestial-home #scan-form select:focus,
  .identity-page input:not([type="checkbox"]):focus,
  .identity-page select:focus,
  .identity-page textarea:focus {
    background: #b4d9ff08;
    border-bottom-color: #b8e4ff;
    outline: 2px solid #b8e4ffb3;
    outline-offset: 4px;
    box-shadow: 0 7px 14px -10px #85cbff;
  }

  .celestial-home #scan-form select option,
  .identity-page select option { background: #12243a; color: #f4f8ff; }
  .celestial-home .form-details .hint,
  .celestial-home .required-note { color: #d6dfed; }

  /* Ambient sky light gives the glass depth on long reading/report pages too. */
  body.identity-page,
  body.identity-page.doc-body {
    background: radial-gradient(ellipse 1000px 700px at 8% 6%, #16467555, transparent 85%),
      radial-gradient(ellipse 850px 680px at 98% 85%, #1b416344, transparent 85%), #050b15;
    background-attachment: fixed;
  }

  .identity-page :is(.business-card, .signal, .signal:first-child, .progress-panel,
    .report-score, .metric-card, .overview-card, .evidence-panel, .report-tabs,
    .visual-report > .banner, .doc .doc-section, .card:not(.preview), .score, .offer,
    .legal > section:not(.intro), .method > section:not(.intro)),
  .identity-page[data-screen="preview"] .offer,
  .celestial-home :is(.celestial-method li, .footer-right, .visibility-card),
  .celestial-home .celestial-pricing {
    background-color: var(--glass-fill);
    background-image: var(--glass-sheen);
    border-color: var(--glass-edge);
    box-shadow: var(--glass-shadow);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
  }

  .identity-page :is(.business-card, .report-score, .progress-panel),
  .identity-page[data-screen="preview"] .offer,
  .celestial-home .celestial-pricing {
    border-color: #a8d8ff73;
    box-shadow: var(--glass-shadow), 0 0 28px #469ed51a;
  }

  /* Inner layers remain lighter than their parent, with no stacked blur. */
  .identity-page .icon-tile,
  .identity-page .doc :is(.figure, .week, .budget, .ready-item, .issue, .rows, .locked),
  .identity-page .rows,
  .identity-page .notice,
  .identity-page .offer .done.paused {
    background: var(--glass-inner);
    border-color: #b5d9f533;
    box-shadow: inset 0 1px 0 #edf7ff08;
  }
  .identity-page .doc :is(.figure, .week, .budget, .ready-item, .issue) { border-radius: 12px; }
  .identity-page .doc .issue-head,
  .identity-page .doc .ready-head,
  .identity-page .doc table.options th {
    background: #abd6ff0d;
    border-color: #b5d9f533;
  }
  .identity-page .doc .issue.prio-high .issue-head { background: #d6a56512; color: #f1d0a5; }
  .identity-page .doc .copy-btn { background: #a9d6ff0d; border-color: #b5d9f54c; }
  .identity-page .doc .copy-btn:hover { background: #a9d6ff1f; }
  .identity-page .step:not(.done) .step-icon { background: #a9d6ff0a; }

  /* Dropdown menus need a stronger veil when floating over other text. */
  @media (max-width: 1000px) {
    .identity-page .site-nav.open,
    .celestial-home .site-nav.open {
      background: #102137dc;
      border-color: var(--glass-edge);
      backdrop-filter: blur(18px);
      -webkit-backdrop-filter: blur(18px);
    }
  }
  @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    :root { --glass-fill: #122239cc; }
  }
  @media (prefers-reduced-transparency: reduce) {
    :root { --glass-fill: #122239ed; --glass-blur: none; }
  }
}