html[data-estara-concept-pending],
html[data-estara-concept-pending] body {
  overflow: hidden !important;
  overscroll-behavior: none;
}

#estara-concept-content { display: contents; }

#estara-concept-notice.estara-concept-notice {
  box-sizing: border-box;
  position: fixed;
  z-index: 2147483647;
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  height: 100dvh;
  max-height: none;
  margin: 0;
  border: 0;
  padding: max(20px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));
  overflow: auto;
  overscroll-behavior: contain;
  color: #fff6f6;
  background: rgb(8 3 7 / 94%);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  font: 400 16px/1.6 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-align: left;
  color-scheme: dark;
}

#estara-concept-notice[open] { display: flex; }
#estara-concept-notice:not([open]),
html[data-estara-concept-accepted] #estara-concept-notice { display: none !important; }
#estara-concept-notice::backdrop { background: rgb(8 3 7 / 94%); }

#estara-concept-notice .estara-concept-card {
  box-sizing: border-box;
  width: min(100%, 780px);
  margin: auto;
  padding: clamp(24px, 4vw, 44px);
  border: 3px solid #ff454f;
  border-radius: 20px;
  background: #170a10;
  box-shadow: 0 0 0 1px rgb(255 85 95 / 18%), 0 24px 100px rgb(0 0 0 / 55%);
}

#estara-concept-title {
  margin: 0 0 24px;
  color: #ff6b73;
  font: 800 clamp(20px, 3.2vw, 28px)/1.3 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: .015em;
  overflow-wrap: anywhere;
}

#estara-concept-description p { margin: 0 0 18px; }
#estara-concept-description strong { color: #fff; font-weight: 750; }
#estara-concept-notice .estara-concept-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
#estara-concept-notice .estara-concept-actions button {
  appearance: none;
  box-sizing: border-box;
  flex: 1 1 240px;
  min-height: 52px;
  padding: 13px 18px;
  border: 2px solid #ff5963;
  border-radius: 10px;
  background: #c7192c;
  color: #fff;
  cursor: pointer;
  font: 700 16px/1.4 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: normal;
  text-transform: none;
}

#estara-concept-notice #estara-concept-exit { background: #24131a; }
#estara-concept-notice .estara-concept-actions button:hover { background: #a90e21; }
#estara-concept-notice #estara-concept-exit:hover { background: #43232d; }
#estara-concept-notice :focus-visible { outline: 3px solid #fff; outline-offset: 5px; }
#estara-concept-notice .estara-concept-no-script { margin: 20px 0 0; color: #ffd2d6; font-size: 14px; }
#estara-concept-notice .estara-concept-no-script a { color: inherit; text-decoration: underline; }

@media (forced-colors: active) {
  #estara-concept-notice.estara-concept-notice,
  #estara-concept-notice .estara-concept-card { background: Canvas; color: CanvasText; }
  #estara-concept-title, #estara-concept-description strong { color: CanvasText; }
  #estara-concept-notice .estara-concept-card,
  #estara-concept-notice .estara-concept-actions button { border-color: ButtonText; }
}
