#clierth-preloader {
  position: fixed; inset: 0; width: 100%; height: 100vh; height: 100dvh;
  box-sizing: border-box; margin: 0; padding: 0; border: 0;
  z-index: 999999; display: grid; place-items: center;
  background: transparent; pointer-events: none;
  opacity: 1; visibility: visible;
  transition: opacity .6s ease, visibility .6s ease;
}
#clierth-preloader.loaded { opacity: 0; visibility: hidden; }
#clierth-preloader::backdrop { background: transparent; pointer-events: none; }
#clierth-preloader .clierth-loader-wrapper {
  position: relative; isolation: isolate;
  display: grid; justify-items: center; gap: 14px;
}
#clierth-preloader .clierth-loader-wrapper::before {
  content: ""; position: absolute; z-index: -1; pointer-events: none;
  top: -8%; left: -12%; width: 124%; aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, #10091c70 0%, #10091c38 42%, transparent 72%);
  filter: blur(12px);
}
#clierth-preloader .clierth-loader-icon {
  display: block; width: clamp(108px, 16vw, 160px); height: auto; overflow: visible;
  filter: brightness(1.28) saturate(1.14) drop-shadow(0 3px 4px #080311b3) drop-shadow(0 0 10px #8a2be27a);
}
#clierth-preloader .clierth-loader-particles { filter: drop-shadow(0 0 11px #ff6852bf); }
#clierth-preloader .clierth-loader-star { animation: clierth-star-pulse 2.4s ease-in-out infinite; }
#clierth-preloader .clierth-loader-text {
  font: 600 10px/1.5 system-ui, sans-serif; letter-spacing: .28em;
  color: #a88ae6; text-shadow: 0 1px 3px #10091ce6, 0 0 6px #10091ca6;
  animation: clierth-text-pulse 2s ease-in-out infinite;
}
#clierth-preloader.loaded * { animation-play-state: paused; }
.clierth-loader-enabled .v2-route-progress { display: none !important; }
@keyframes clierth-star-pulse {
  0%, 100% { opacity: .45; filter: drop-shadow(0 0 2px #dbef4a33); }
  50% { opacity: 1; filter: drop-shadow(0 0 18px #dbef4acc); }
}
@keyframes clierth-text-pulse { 0%, 100% { opacity: .55; } 50% { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  #clierth-preloader { transition: none; }
  #clierth-preloader * { animation: none !important; }
}
.reduce-motion #clierth-preloader { transition: none; }
.reduce-motion #clierth-preloader * { animation: none !important; }
@media print { #clierth-preloader { display: none !important; } }

/* Full-screen entry is shown only during sign-in or a server-confirmed new session. */
#clierth-preloader .clierth-entry-brand,
#clierth-preloader .clierth-entry-copy,
#clierth-preloader .clierth-entry-footer { display: none; }
#clierth-preloader.clierth-entry {
  background: radial-gradient(ellipse at 50% 43%, #281940 0%, #120e20 48%, #0b0913 100%);
  color: #f7f3ff; padding: 110px 24px 90px; overflow-y: auto;
  font-family: Inter, "Segoe UI", system-ui, sans-serif;
}
#clierth-preloader.clierth-entry::before,
#clierth-preloader.clierth-entry::after {
  content: ""; position: absolute; pointer-events: none; width: 55vw; height: 36vw;
  border: 1px solid #9976f021; border-radius: 50%; transform: rotate(30deg);
}
#clierth-preloader.clierth-entry::before { right: -34vw; top: -23vw; }
#clierth-preloader.clierth-entry::after { left: -37vw; bottom: -25vw; }
#clierth-preloader.clierth-entry .clierth-loader-wrapper {
  gap: 22px; width: min(900px, 100%); text-align: center;
  animation: clierth-entry-arrive .55s cubic-bezier(.2,.8,.2,1) both;
}
#clierth-preloader.clierth-entry .clierth-loader-wrapper::before { display: none; }
#clierth-preloader.clierth-entry .clierth-loader-icon { width: clamp(112px, 13vw, 164px); }
#clierth-preloader.clierth-entry .clierth-loader-text { display: none; }
#clierth-preloader.clierth-entry .clierth-entry-brand {
  display: grid; gap: 4px; position: absolute; top: 34px; left: 42px; text-align: left;
}
#clierth-preloader .clierth-entry-brand strong { font-size: 30px; font-weight: 650; letter-spacing: -.04em; }
#clierth-preloader .clierth-entry-brand span { font-size: 12px; color: #b5a6d4; }
#clierth-preloader .clierth-entry-brand small { margin-top: 8px; font-size: 10px; letter-spacing: .18em; color: #d6c6fb; }
#clierth-preloader.clierth-entry .clierth-entry-copy { display: block; }
#clierth-preloader .clierth-entry-eyebrow { color: #b995ff; font-size: 11px; font-weight: 650; letter-spacing: .25em; margin: 0 0 15px; }
#clierth-preloader [data-entry-title] { font-size: clamp(26px, 3.7vw, 46px); line-height: 1.15; letter-spacing: -.035em; font-weight: 650; margin: 0; color: #faf7ff; }
#clierth-preloader .clierth-entry-subtitle { font-size: clamp(13px, 1.5vw, 18px); line-height: 1.55; color: #b9a8d8; margin: 16px 0 0; }
#clierth-preloader .clierth-entry-steps { display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; padding: 0; margin: 42px auto 0; width: min(530px, 100%); }
#clierth-preloader .clierth-entry-steps li { position: relative; display: grid; justify-items: center; align-content: start; gap: 14px; color: #9487ad; font-size: 12px; padding: 0 8px; }
#clierth-preloader .clierth-entry-steps li:not(:last-child)::after { content: ""; position: absolute; top: 14px; left: calc(50% + 24px); width: calc(100% - 48px); height: 1px; background: #66567e; }
#clierth-preloader .clierth-entry-dot { box-sizing: border-box; width: 29px; height: 29px; display: grid; place-items: center; border-radius: 50%; border: 2px solid #9180af; }
#clierth-preloader .is-current .clierth-entry-dot { border-color: #c69aff; background: #a86afb; box-shadow: 0 0 0 7px #9962ff24, 0 0 24px #9d5cff5c; animation: clierth-step-pulse 1.8s ease-in-out infinite; }
#clierth-preloader .is-complete .clierth-entry-dot { background: #c89dff; border-color: #c89dff; }
#clierth-preloader .is-complete .clierth-entry-dot::before { content: "✓"; color: #2e164b; font-size: 18px; font-weight: 700; }
#clierth-preloader .clierth-entry-steps .is-current,
#clierth-preloader .clierth-entry-steps .is-complete { color: #f0e5ff; }
#clierth-preloader .clierth-entry-steps .is-complete::after { background: #a66dff; }
#clierth-preloader.clierth-entry .clierth-entry-footer { display: grid; justify-items: center; gap: 10px; position: absolute; bottom: 32px; left: 20px; right: 20px; color: #a799c1; font-size: 11px; }
.clierth-entry-active { overflow: hidden; }
.clierth-entry-reveal > main,
.clierth-entry-reveal > .v2-shell,
.clierth-entry-reveal > .dp-app-shell,
.clierth-entry-reveal > .cl-shell { animation: clierth-workspace-reveal .65s cubic-bezier(.2,.8,.2,1) both; }
@keyframes clierth-entry-arrive { from { opacity: 0; transform: translateY(12px) scale(.98); } to { opacity: 1; transform: none; } }
@keyframes clierth-workspace-reveal { from { opacity: .65; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes clierth-step-pulse { 50% { box-shadow: 0 0 0 11px #9962ff12, 0 0 28px #9d5cff7a; } }
@media (max-width: 600px) {
  #clierth-preloader.clierth-entry { padding: 100px 22px 90px; }
  #clierth-preloader.clierth-entry .clierth-entry-brand { top: 24px; left: 24px; }
  #clierth-preloader .clierth-entry-brand strong { font-size: 25px; }
  #clierth-preloader .clierth-entry-steps { margin-top: 32px; }
  #clierth-preloader .clierth-entry-steps li { font-size: 10px; line-height: 1.45; padding: 0 5px; }
}
@media (max-height: 560px) {
  #clierth-preloader.clierth-entry { padding: 85px 20px 24px; }
  #clierth-preloader.clierth-entry .clierth-loader-icon { width: 80px; }
  #clierth-preloader.clierth-entry .clierth-entry-footer { display: none; }
  #clierth-preloader .clierth-entry-steps { margin-top: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  .clierth-entry-reveal > * { animation: none !important; }
}
.reduce-motion.clierth-entry-reveal > * { animation: none !important; }

#clierth-preloader .clierth-entry-progress {
  width: min(370px, 85%); height: 5px; margin: 28px auto 0;
  border-radius: 999px; background: #b59acb24; overflow: hidden;
}
#clierth-preloader .clierth-entry-progress > span {
  display: block; width: 100%; height: 100%; border-radius: inherit;
  transform: scaleX(var(--entry-progress, 0)); transform-origin: left;
  background: linear-gradient(90deg, #925cff, #c59bff 62%, #ff786b);
  box-shadow: 0 0 12px #b578ff99;
  transition: transform .18s linear;
}
#clierth-preloader.clierth-entry .clierth-loader-particles circle {
  opacity: .42; transition: opacity .35s ease, filter .35s ease;
}
#clierth-preloader.clierth-entry .clierth-loader-particles .is-illuminated {
  opacity: 1; filter: brightness(1.35) drop-shadow(0 0 15px #ff9175);
}
#clierth-preloader.clierth-entry .clierth-loader-particles .is-charging {
  opacity: 1; animation: clierth-particle-charge .8s ease-in-out infinite alternate;
}
@keyframes clierth-particle-charge {
  to { filter: brightness(1.8) drop-shadow(0 0 23px #ffb58f); }
}
#clierth-preloader[data-entry-stage="validating"] .clierth-entry-progress > span {
  width: 24%; transform: none; animation: clierth-validation-progress 1.5s ease-in-out infinite alternate;
}
@keyframes clierth-validation-progress { to { transform: translateX(315%); } }
@media (prefers-reduced-motion: reduce) {
  #clierth-preloader .clierth-entry-progress > span,
  #clierth-preloader .clierth-loader-particles circle { transition: none; }
}
.reduce-motion #clierth-preloader .clierth-entry-progress > span,
.reduce-motion #clierth-preloader .clierth-loader-particles circle { transition: none; }
