/* Praxoria Startseite – v537: stabile Premium-Schreibwirkung und ruhigere Prüfsequenz.
   Keine Textänderungen; nur Layout- und Animationslogik. */

html body.home.homeRefinedV537 #studioPanel2 .studioTileQuote .answerWriteText{
  display: block !important;
  position: relative !important;
  min-height: calc(2 * 1.42em) !important;
  line-height: 1.42 !important;
  letter-spacing: normal !important;
  text-wrap: pretty !important;
  overflow: visible !important;
  color: var(--text) !important;
}

html body.home.homeRefinedV537 #studioPanel2 .studioTileQuote .answerWriteText::before{
  content: none !important;
}

html body.home.homeRefinedV537 #studioPanel2 .studioTileQuote .answerWriteText .premiumInkLive{
  display: inline !important;
  color: var(--text) !important;
  text-shadow: none !important;
}

html body.home.homeRefinedV537 #studioPanel2 .studioTileQuote .answerWriteText .inkWord{
  display: inline-block;
  vertical-align: baseline;
  color: color-mix(in oklab, var(--text) 95%, var(--accent2));
  opacity: 0;
  clip-path: inset(-.18em 100% -.22em 0);
  filter: blur(.32px);
  transform: translateY(.035em);
  will-change: clip-path, opacity, filter, transform;
}

html body.home.homeRefinedV537 #studioPanel2 .studioTileQuote .answerWriteText .inkSpace{
  white-space: pre;
}

html body.home.homeRefinedV537 #studioPanel2 .studioTileQuote .answerWriteText .premiumInkLive.isActive .inkWord{
  animation: praxoriaV537InkWord var(--ink-dur, 260ms) cubic-bezier(.18,.72,.2,1) var(--ink-delay, 0ms) forwards;
}

html body.home.homeRefinedV537 #studioPanel2 .studioTileQuote .answerWriteText .inkFinish{
  display: inline-block;
  width: 1.15em;
  height: .2em;
  margin-left: .16em;
  transform: translateY(-.1em) rotate(-8deg) scaleX(.2);
  transform-origin: left center;
  border-radius: 999px;
  opacity: 0;
  background: linear-gradient(90deg,
    color-mix(in oklab, var(--accent2) 58%, white),
    color-mix(in oklab, var(--accent2) 18%, transparent));
  box-shadow: 0 5px 14px color-mix(in oklab, var(--accent2) 12%, transparent);
}

html body.home.homeRefinedV537 #studioPanel2 .studioTileQuote .answerWriteText .premiumInkLive.isActive .inkFinish{
  animation: praxoriaV537InkFinish .7s cubic-bezier(.2,.85,.18,1) 1.95s forwards;
}

html body.home.homeRefinedV537 #studioPanel2 .studioTileQuote .answerWriteText.isComplete .inkWord{
  opacity: 1;
  clip-path: inset(-.18em 0 -.22em 0);
  filter: none;
  transform: none;
  color: var(--text);
}

html body.home.homeRefinedV537 #studioPanel2 .studioTileQuote .answerWriteText.isComplete .inkFinish{
  animation: praxoriaV537InkFinishSettle .62s ease forwards;
}

html body.home.homeRefinedV537 #studioPanel2 .studioTileQuote .answerWriteText.isInking .inkLive::after{
  content: none !important;
}

html body.home.homeRefinedV537 #studioPanel2 .studioTileQuote{
  background:
    radial-gradient(520px 190px at 10% 0%, color-mix(in oklab, var(--accent2) 4%, transparent), transparent 74%),
    linear-gradient(180deg, color-mix(in oklab, white 74%, var(--surface)), color-mix(in oklab, var(--surface2) 28%, white)) !important;
}

html body.home.homeRefinedV537 #studioPanel2 .demoNotice{
  min-height: 6.15rem !important;
  background: linear-gradient(180deg, color-mix(in oklab, white 78%, var(--surface)), color-mix(in oklab, var(--surface2) 24%, white)) !important;
}

html body.home.homeRefinedV537 #studioPanel2 .demoNotice.isQueued .feedbackQuietHold{
  opacity: .28 !important;
  gap: .66rem !important;
}

html body.home.homeRefinedV537 #studioPanel2 .demoNotice.isQueued .feedbackQuietHold i{
  height: .62rem !important;
  background: linear-gradient(90deg,
    color-mix(in oklab, var(--text) 7%, transparent),
    color-mix(in oklab, var(--text) 3%, transparent)) !important;
}

html body.home.homeRefinedV537 #studioPanel2 .demoNotice.isChecking{
  border-color: color-mix(in oklab, var(--accent3) 22%, var(--border)) !important;
  background:
    radial-gradient(420px 150px at 8% 0%, color-mix(in oklab, var(--accent3) 6%, transparent), transparent 76%),
    linear-gradient(180deg, color-mix(in oklab, white 80%, var(--surface)), color-mix(in oklab, var(--surface2) 32%, white)) !important;
  box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--accent3) 4%, transparent) !important;
}

html body.home.homeRefinedV537 #studioPanel2 .criteriaCheck{
  gap: .72rem !important;
}

html body.home.homeRefinedV537 #studioPanel2 .criteriaCheckLabel{
  letter-spacing: .11em !important;
  color: color-mix(in oklab, var(--text) 62%, var(--muted)) !important;
}

html body.home.homeRefinedV537 #studioPanel2 .criteriaCheckLine{
  height: 3px !important;
  width: min(22rem, 100%) !important;
  background: color-mix(in oklab, var(--border) 58%, white) !important;
}

html body.home.homeRefinedV537 #studioPanel2 .criteriaCheckLine i{
  width: 34% !important;
  animation: praxoriaV537CheckLine 1.22s cubic-bezier(.5,.08,.18,.98) infinite !important;
}

html body.home.homeRefinedV537 #studioPanel2 .demoNotice.isRevealing .demoNoticeLabel,
html body.home.homeRefinedV537 #studioPanel2 .demoNotice.isRevealing .demoNoticeText{
  animation: praxoriaV537FeedbackReveal .72s cubic-bezier(.18,.78,.2,1) both !important;
}

@keyframes praxoriaV537InkWord{
  0%{
    opacity: .2;
    clip-path: inset(-.18em 100% -.22em 0);
    filter: blur(.45px);
    transform: translateY(.045em);
    text-shadow: 0 0 8px color-mix(in oklab, var(--accent2) 18%, transparent);
  }
  56%{
    opacity: 1;
    clip-path: inset(-.18em 18% -.22em 0);
    filter: blur(.14px);
    transform: translateY(.015em);
  }
  100%{
    opacity: 1;
    clip-path: inset(-.18em 0 -.22em 0);
    filter: blur(0);
    transform: translateY(0);
    text-shadow: 0 .015em 0 color-mix(in oklab, var(--accent2) 6%, transparent);
  }
}

@keyframes praxoriaV537InkFinish{
  0%{ opacity: 0; transform: translateY(-.1em) rotate(-8deg) scaleX(.15); }
  42%{ opacity: .82; transform: translateY(-.1em) rotate(-8deg) scaleX(1); }
  100%{ opacity: .16; transform: translateY(-.1em) rotate(-8deg) scaleX(.88); }
}

@keyframes praxoriaV537InkFinishSettle{
  from{ opacity: .16; transform: translateY(-.1em) rotate(-8deg) scaleX(.88); }
  to{ opacity: 0; transform: translateY(-.1em) rotate(-8deg) scaleX(.72); }
}

@keyframes praxoriaV537CheckLine{
  0%{ transform: translateX(-122%) scaleX(.72); opacity: .42; }
  46%{ opacity: .86; }
  100%{ transform: translateX(320%) scaleX(1.12); opacity: .18; }
}

@keyframes praxoriaV537FeedbackReveal{
  0%{ opacity: 0; transform: translateY(4px); filter: blur(1.4px); }
  62%{ opacity: 1; filter: blur(.15px); }
  100%{ opacity: 1; transform: translateY(0); filter: blur(0); }
}

@media (prefers-reduced-motion: reduce){
  html body.home.homeRefinedV537 #studioPanel2 .studioTileQuote .answerWriteText .premiumInkLive.isActive .inkWord,
  html body.home.homeRefinedV537 #studioPanel2 .studioTileQuote .answerWriteText .premiumInkLive.isActive .inkFinish,
  html body.home.homeRefinedV537 #studioPanel2 .criteriaCheckLine i,
  html body.home.homeRefinedV537 #studioPanel2 .demoNotice.isRevealing .demoNoticeLabel,
  html body.home.homeRefinedV537 #studioPanel2 .demoNotice.isRevealing .demoNoticeText{
    animation: none !important;
  }
}