/* Quiet web glass for navigation and controls. */
body.frontdoor-preview {
  --lg-control:#294b6d;
  --lg-sheet:#172e47;
  --lg-dialog:#1b344f;
  --lg-surface:rgba(255,255,255,.09);
  --lg-nav-surface:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.07));
  --lg-rim:rgba(235,243,255,.3);
  --lg-shadow:0 10px 26px rgba(3,17,34,.16),inset 0 1px 0 rgba(255,255,255,.18);
}
body.frontdoor-preview.frontdoor-light {
  --lg-control:#fff;
  --lg-sheet:#f8fafd;
  --lg-dialog:#fff;
  --lg-surface:rgba(255,255,255,.7);
  --lg-nav-surface:rgba(33,62,96,.9);
  --lg-rim:rgba(255,255,255,.72);
  --lg-shadow:0 10px 26px rgba(24,49,77,.12),inset 0 1px 0 rgba(255,255,255,.54);
}
/* Keep the hero canvas solid behind the neutral glass controls. */
body.frontdoor-preview .hero {
  background:#14283e;
}
body.frontdoor-preview.frontdoor-light .hero {
  background:#f4f6fb;
}
body.frontdoor-preview :is(.site-header,.fd-count-card,.fd-actions button,.setting-card,.filter-field,.rail-controls .icon-button,.help-float,.shortlist-tray) {
  position:relative;
  overflow:hidden;
  background:var(--lg-surface);
  border:1px solid var(--lg-rim);
  box-shadow:var(--lg-shadow);
  -webkit-backdrop-filter:blur(18px) saturate(115%);
  backdrop-filter:blur(18px) saturate(115%);
}
body.frontdoor-preview :is(.fd-count-card,.fd-actions button) {border-radius:999px}
body.frontdoor-preview:not(.frontdoor-light) :is(.nav-link,.shortlist-trigger,.mobile-menu) {color:#f4f2ef}
body.frontdoor-preview:not(.frontdoor-light) .nav-link:hover,body.frontdoor-preview:not(.frontdoor-light) .nav-link.active {color:#fff}
body.frontdoor-preview:not(.frontdoor-light) .header-actions .login-button {color:#f4f2ef!important;border-color:rgba(235,243,255,.32)!important;background:rgba(255,255,255,.07)!important}
body.frontdoor-preview:not(.frontdoor-light) .header-actions .login-button:hover {background:rgba(255,255,255,.15)!important}
body.frontdoor-preview:not(.frontdoor-light) .nav-count {background:rgba(255,255,255,.14);color:#f4f2ef}
body.frontdoor-preview :is(.fd-actions button,.setting-card):hover {background:rgba(255,255,255,.16)}
body.frontdoor-preview.frontdoor-light :is(.fd-actions button,.setting-card):hover {background:rgba(255,255,255,.86)}
body.frontdoor-preview :is(.fd-actions button,.setting-card) {transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease}
body.frontdoor-preview :is(.fd-actions button,.setting-card):hover {transform:translateY(-2px);box-shadow:0 14px 30px rgba(3,17,34,.2),inset 0 1px 0 rgba(255,255,255,.2)}
body.frontdoor-preview .fd-close,body.frontdoor-preview .modal-close {background:var(--lg-control);border-color:var(--lg-rim);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 5px 16px rgba(5,26,49,.18)}
body.frontdoor-preview .fd-composer {box-shadow:0 18px 45px rgba(4,19,37,.22),inset 0 1px 0 rgba(255,255,255,.85)}
/* Large reading surfaces use a quieter material and solid inner cards. */
body.frontdoor-preview :is(.fd-workspace,dialog) {
  background:var(--lg-sheet);
  border-color:var(--lg-rim);
  box-shadow:0 36px 90px rgba(3,16,31,.48),inset 0 1px 0 rgba(255,255,255,.32);
  -webkit-backdrop-filter:blur(24px) saturate(130%);
  backdrop-filter:blur(24px) saturate(130%);
}
body.frontdoor-preview dialog {background:var(--lg-dialog)}
body.frontdoor-preview .fd-modal-overlay,body.frontdoor-preview dialog::backdrop {background:rgba(7,22,41,.58);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
@media (prefers-reduced-motion:reduce) {
  body.frontdoor-preview :is(.fd-actions button,.setting-card) {transition:none}
  body.frontdoor-preview :is(.fd-actions button,.setting-card):hover {transform:none}
}
@media (prefers-reduced-transparency:reduce) {
  body.frontdoor-preview {--lg-surface:#294b6d;--lg-nav-surface:#294b6d}
  body.frontdoor-preview.frontdoor-light {--lg-surface:#fff;--lg-nav-surface:#213e60}
  body.frontdoor-preview :is(.site-header,.fd-count-card,.fd-actions button,.setting-card,.filter-field,.rail-controls .icon-button,.help-float,.shortlist-tray) {-webkit-backdrop-filter:none;backdrop-filter:none}
  body.frontdoor-preview :is(.fd-workspace,dialog) {-webkit-backdrop-filter:none;backdrop-filter:none}
  body.frontdoor-preview :is(.site-header,.site-header.menu-open),
  body.frontdoor-preview.frontdoor-light :is(.site-header,.site-header.menu-open) {background:#213e60;-webkit-backdrop-filter:none;backdrop-filter:none}
}