/* =========================================
   Dreams Insights AI — Public Styles
   Order: Step 1 → Step 2 → Step 3 → Step 4 → Utilities
   ========================================= */

/* ---------- Theme tokens ---------- */
:root{
  --sky-1:#0b1530; --sky-2:#0e1c44; --sky-3:#1a275a;
  --glass:#0f1429cc; --ink:#eaf0ff; --ink-dim:#cfd8ffcc;
  --line:#2a3350; --brand:#ffb25a; --brand-ink:#092d6c;
  --focus:#9dd1ff; --ok:#2bd4a5; --warn:#f1d9a8; --err:#f1a8a8;
  --radius-xl:26px; --radius-lg:18px; --radius-md:12px;
  --shadow-xl:0 30px 80px rgba(0,0,0,.45);
  --shadow-lg:0 14px 40px rgba(0,0,0,.35);
  --shadow-md:0 10px 26px rgba(0,0,0,.28);
}

/* Shared basics */
.diai-container{max-width:980px;margin:0 auto;padding:18px;color:var(--ink)}
.button,.diai-cta{appearance:none;border:0;cursor:pointer;border-radius:18px;
  padding:10px 28px;font-weight:800;letter-spacing:.2px;text-decoration:none; font-size:18px;}
.diai-cta--primary,.button-primary{
  background: radial-gradient(120% 160% at 50% -10%, #ffe8c1 0%, #ffb25a 35%, #ff9640 70%, #ff8a2b 100%);
  color: var(--brand-ink)!important; box-shadow:0 8px 28px rgba(255,178,90,.3);
}
.diai-cta--ghost{background:#ffffff14;color:var(--ink);border:1px solid #ffffff22}
.diai-cta--primary:hover,.button-primary:hover,.diai-cta--ghost:hover{filter:brightness(1.05);transform:translateY(-1px)}
.diai-notice{padding:14px 16px;border-radius:14px;margin:12px 0;background:#ffffff0b;border:1px solid #ffffff12}
.diai-warn{color:var(--warn)} .diai-error{color:var(--err)} .diai-ok{color:var(--ok)}

/* Animated background wrapper */
.diai-sky{
  position:relative; background:
    radial-gradient(1200px 800px at 10% -10%, #394f8a22 0%, transparent 60%),
    radial-gradient(900px 600px at 120% 30%, #9dd1ff14 0%, transparent 70%),
    linear-gradient(180deg,var(--sky-1),var(--sky-2) 60%, var(--sky-3));
  border-radius:var(--radius-xl); padding:20px; overflow:hidden; isolation:isolate;
  box-shadow:var(--shadow-xl);
}
.diai-sky::before{content:"";position:absolute;inset:-20%;
  background:radial-gradient(800px 600px at 70% 0%, #ffffff0d 0%, transparent 60%),
             radial-gradient(600px 500px at 20% 90%, #ffe6b80f 0%, transparent 70%);
  animation:diai-sky-float 18s ease-in-out infinite alternate; pointer-events:none; z-index:0}
@keyframes diai-sky-float{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-2%,2%,0) scale(1.03)}}

/* ---------------------------------
   STEP 1 — form (textarea + button)
   --------------------------------- */
.diai-form{position:relative;z-index:1;max-width:var(--diai-form-max-width,860px);margin:0 auto;}
.diai-field {text-align: center;}
.diai-field label{text-align:center; font-size:28px; font-weight:800; color:var(--brand);}
.diai-field textarea{
  width:100%; min-height:var(--diai-textarea-min-height,260px); resize:vertical; color:var(--diai-input-text,var(--ink)); margin-top:10px; font-size:16px; line-height:1.65;
  background:var(--glass); border:1px solid var(--line); border-radius:var(--radius-lg);
  padding:16px 16px 68px; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
  box-shadow:var(--shadow-md) inset, 0 0 0 1px #ffffff08;
}
.diai-meta{opacity:.85;margin:8px 0; display:none;}
.diai-textarea-wrap{position:relative;width:100%;}
.diai-actions{margin-top:14px; text-align:center;}
@media (max-width: 760px){ 
  .diai-form .diai-cta--primary{width:100%} 
  .diai-sky {padding:12px;}
  .diai-container {padding:0;}
}
.diai-disclaimer{opacity:.9;margin:10px 0 0;text-align:center;font-size:14px;line-height:1.5;color:var(--diai-disclaimer-text,var(--ink-dim));}

/* ---------------------------------
   STEP 2 — overlay
   --------------------------------- */
.diai-overlay{position:fixed;inset:0;z-index:9999;display:none;
  background:var(--diai-overlay-bg, linear-gradient(180deg,#070d1ecc,#0b1226ee));
  display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}
  .data-new-gr-c-s-check-loaded {text-align:center;}
.diai-anim-frame{width:min(520px,92vw);margin:0 0 0px; text-align:center;}
.diai-anim-frame iframe{width:80%;aspect-ratio:1/1;border:0;background:none;margin:auto 0;}
.diai-progress{width:min(760px,92vw);margin:10px auto 6px}
.rbct .iframe {margin-bottom:0!important;}
.diai-bar{width:100%;height:28px;background:#1a2140;border-radius:20px;overflow:hidden}
.diai-fill{display:block;height:100%;background:linear-gradient(90deg,#6bb3ff,#ff5cc0);transition:width .8s ease}
.diai-line{margin-top:20px;color:var(--ink);text-align:center;min-height:24px;font-weight:600;font-size:22px; line-height: 1.1;}
.diai-ad-slot ins{display:block;margin:8px auto 0}

/* ---------------------------------
   STEP 3 — interstitial
   --------------------------------- */
.diai-ready .diai-card{position:relative;z-index:1;background:var(--glass);
  border:1px solid var(--line);border-radius:var(--radius-xl);padding:26px;max-width:880px;margin:0 auto 24px auto;text-align:center;box-shadow:var(--shadow-lg)}
.diai-ready .diai-title{font-size:clamp(16px,3.2vw,32px);line-height:1.15;margin:16px 0 24px}
.diai-cta--primary{text-decoration-line:none!important;}
.diai-slim {display:none;} 

/* ---------------------------------
   STEP 4 — final page
   --------------------------------- */
.diai-result-only{margin-top:14px;}
.diai-result-only p, .diai-result-only label {color:#fff;}
.diai-result-only h2 {text-align:center;font-size:32px;margin-bottom:22px;}
@media (max-width:980px){ .diai-result-only h2{font-size:22px;} .diai-acc-toggle{font-size:18px;}}

/* Accordion */
.diai-accordion{margin-top:12px}
.diai-acc-item{border:1px solid var(--line);border-radius:14px;background:#0e1732;box-shadow:var(--shadow-md);margin:10px 0;overflow:hidden}
.diai-acc-item.meaning{background:var(--glass)}
.diai-acc-head{margin:0}
.diai-acc-toggle{width:100%;text-align:left;padding:12px 18px 0;background:transparent;border:0;color:var(--brand);
  font-weight:800;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:24px;}
.diai-acc-toggle small{opacity:.8;font-weight:600}
.diai-acc-toggle::after{content:'+';font-weight:900;opacity:.9;transition:transform .18s ease}
.diai-acc-item.is-open .diai-acc-toggle::after{transform:rotate(45deg)}
.diai-acc-panel{display:none;padding:12px 16px 14px}
.diai-acc-item.is-open .diai-acc-panel{display:block}

.diai-orig,.diai-ai,.diai-action{
  background:var(--glass);border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:16px 18px;box-shadow:var(--shadow-md)
}

/* Panels wrapper */
.diai-panels{margin-top:16px;display:grid;gap:16px}
@media (min-width:980px){ .diai-panels{grid-template-columns:1fr} }

/* Panel A — Keep this dream */
h5.section-sub-title{color:var(--brand);font-size:18px;margin-bottom:20px;}
#sendCopy{background:linear-gradient(180deg,#0f162e,#101831);border:1px solid #324069;border-radius:18px;padding:18px 18px 22px;position:relative}
#sendCopy h4{font-size:clamp(22px,2.2vw,28px);margin:4px 0 4px}
#sendCopy .row{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:center}
#sendCopy input[type="text"],#sendCopy input[type="email"]{
  width:100%;background:#0c1224;border:1px solid #2a3350;border-radius:12px;padding:12px 14px;color:#fff;
}
#sendCopy .row .button-primary{white-space:nowrap}
@media (max-width:900px){
  #sendCopy .row{grid-template-columns:1fr;gap:10px}
  #sendCopy .row .button-primary{width:100%}
}

.diai-word-counter{ color:var(--diai-helper-text,#9fb1ff)!important; font-weight:600; }

.diai-symbols { margin: 8px 0 0; padding-left: 1.2em; }
.diai-symbols li { margin: 6px 0; line-height: 1.5; }

.diai-actions { margin: 8px 0 0; padding-left: 1.2em; }
.diai-actions li { margin: 8px 0; line-height: 1.55; }
/* --- interpretation spacing --- */
.diai-acc-panel .diai-meaning p{ margin: 0 0 14px; line-height: 1.75; }
.diai-acc-panel .diai-symbols h4,
.diai-acc-panel .diai-actions-list h4{ margin: 12px 0 6px; font-weight:700; }
.diai-acc-panel .diai-symbols p,
.diai-acc-panel .diai-actions-list p{ margin: 0 0 12px; line-height: 1.75; }

/* also affect the combined block inside “What does it mean” */
.meaning .diai-symbols h4{ margin-top:16px; }
/* =========================================
   Wave 2 — Global Slideshow Background + Unified Notices polish
   (Append-only; safe with existing rules)
   ========================================= */

/* Global fixed background container (sits behind everything) */
#diai-bg{
  position:fixed; inset:0; z-index:-1; overflow:hidden;
  background:#070911; /* safe fallback */
}

/* Two layers for cross-fade */
.diai-bg-layer{
  position:absolute; inset:0;
  background-position:center center;
  background-size:cover;
  opacity:0;
  transition:opacity var(--diai-fade, 2000ms) ease-in-out;
  transform:scale(var(--kb-from, 1.0));
  animation:none;
}
.diai-bg-layer.on{ opacity:1 }

/* Slow Ken Burns (zoom-in) */
.kb-run{
  animation:diai-kb var(--diai-interval, 12000ms) ease-in-out forwards;
}
@keyframes diai-kb{
  0%   { transform:scale(var(--kb-from, 1.0)) }
  100% { transform:scale(var(--kb-to, 1.08)) }
}

/* Contrast overlay (meets Lighthouse contrast). Value can be updated via JS. */
#diai-bg-overlay{
  --diai-bg-contrast: 0.38;
  position:absolute; inset:0; pointer-events:none;
  background:rgba(0,0,0,var(--diai-bg-contrast));
}

/* Allow JS to set timing tokens at runtime */
#diai-bg,
#diai-bg .diai-bg-layer{
  --diai-interval: 12000ms;
  --diai-fade: 2000ms;
}

/* Optional visual nudge when background is paused while typing */
html.diai-bg-paused #diai-bg-overlay{
  background:rgba(0,0,0, calc(var(--diai-bg-contrast) + 0.06));
}

/* ---- Unified error/warn/info/ok notice skins (additive) ----
   Works with your existing .diai-notice + .diai-error/.diai-warn/.diai-ok classes.
   Keeps your current text colors, adds background + border for clarity. */
.diai-notice{ display:flex; gap:10px; align-items:flex-start; line-height:1.5 }
.diai-notice .diai-ico{ flex:0 0 18px; height:18px; border-radius:4px; background:#fff; opacity:.9 }

.diai-notice.diai-error{
  background:#3b1114; border:1px solid #602129;
}
.diai-notice.diai-warn{
  background:#2a1f0c; border:1px solid #5b4516;
}
.diai-notice.diai-ok{
  background:#0f2c1f; border:1px solid #1f6146;
}
.diai-notice.diai-info{
  color:#cfe4ff; background:#0b1f36; border:1px solid #173a62;
}

/* Buttons inside notices (retry/close) */
.diai-notice button{
  margin-top:8px; border-radius:10px; padding:8px 12px; border:1px solid #3a4a7e;
  background:transparent; color:#cfe4ff; cursor:pointer;
}
.diai-notice button:hover{ filter:brightness(1.05) }

/* Small responsiveness touch for very narrow screens */
@media (max-width:480px){
  .diai-notice{ padding:12px }
}

/* Translation/RTL-ready checkbox rows */
.diai-checkline{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:10px;
}
.diai-checkline--compact{
  margin:8px 0;
}

/* Speech-to-text control — compact button inside the dream prompt */
.diai-textarea-wrap .diai-speech-btn{
  position:absolute;
  right:18px;
  bottom:18px;
  z-index:3;
  width:44px;
  height:44px;
  min-height:44px;
  padding:0;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.24);
  background:rgba(255,255,255,.13);
  color:var(--ink);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:var(--diai-speech-shadow,0 8px 24px rgba(0,0,0,.18));
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.diai-textarea-wrap .diai-speech-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.diai-textarea-wrap .diai-speech-btn.is-listening{
  background:rgba(255,178,90,.28);
  border-color:rgba(255,178,90,.75);
  color:#fff3df;
}
.diai-textarea-wrap .diai-speech-btn.is-disabled{
  cursor:not-allowed;
  opacity:.55;
  transform:none;
}
.diai-speech-icon{font-size:18px;line-height:1}
.diai-textarea-wrap .diai-speech-label{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.diai-speech-status{
  display:block;
  min-height:20px;
  margin-top:6px;
  font-size:13px;
  color:var(--diai-helper-text,#dbe5ff);
  opacity:.9;
  text-align:center;
}
@media (max-width:760px){
  .diai-textarea-wrap .diai-speech-btn{right:14px;bottom:14px;width:42px;height:42px;min-height:42px;}
}

#diai_dream{unicode-bidi:plaintext;}


/* Keep email form field text readable after typing/autofill/focus. */
.diai-result-only #sendCopy .diai-optin input[type="text"],
.diai-result-only #sendCopy .diai-optin input[type="email"]{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  caret-color:#fff!important;
  background-color:#0c1224!important;
  box-shadow:0 0 0 1000px #0c1224 inset!important;
}
.diai-result-only #sendCopy .diai-optin input[type="text"]:focus,
.diai-result-only #sendCopy .diai-optin input[type="email"]:focus{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background-color:#0c1224!important;
  outline:2px solid rgba(157,209,255,.48);
  outline-offset:2px;
}
.diai-result-only #sendCopy .diai-optin input[type="text"]::placeholder,
.diai-result-only #sendCopy .diai-optin input[type="email"]::placeholder{
  color:rgba(234,240,255,.68)!important;
  -webkit-text-fill-color:rgba(234,240,255,.68)!important;
}
.diai-result-only #sendCopy .diai-optin input:-webkit-autofill,
.diai-result-only #sendCopy .diai-optin input:-webkit-autofill:hover,
.diai-result-only #sendCopy .diai-optin input:-webkit-autofill:focus{
  -webkit-text-fill-color:#fff!important;
  caret-color:#fff!important;
  transition:background-color 9999s ease-out 0s;
}

/* v1.4.8 — site styling variables */
.diai-container{max-width:var(--diai-max-width,980px)}
.diai-cta--primary,.button-primary{
  background:radial-gradient(120% 160% at 50% -10%, var(--diai-button-1,#ffe8c1) 0%, var(--diai-button-2,#ffb25a) 35%, var(--diai-button-3,#ff9640) 70%, var(--diai-button-4,#ff8a2b) 100%)!important;
  color:var(--brand-ink,#092d6c)!important;
  box-shadow:0 8px 28px var(--diai-button-glow,rgba(255,178,90,.3))!important;
}
.diai-field label,.diai-result-only h2,.diai-ready .diai-title{color:var(--brand)!important}
.diai-acc-toggle{color:var(--diai-section-title,var(--brand))!important;text-align:start}
.diai-result-only p,.diai-result-only label,.diai-acc-panel{color:var(--diai-body-text,var(--ink))!important}
h5.section-sub-title{color:var(--diai-subtitle,var(--brand))!important}
.diai-acc-item{background:var(--diai-card-bg,#0e1732)!important;border-color:var(--line)!important}
.diai-acc-item.meaning,.diai-orig,.diai-ai,.diai-action{background:var(--glass)!important;border-color:var(--line)!important}
#sendCopy{background:var(--diai-email-panel-bg,#101831)!important;border-color:var(--line)!important}
.diai-field textarea,#sendCopy input[type="text"],#sendCopy input[type="email"]{background:var(--diai-input-bg,#0c1224)!important;color:var(--diai-input-text,#fff)!important;border-color:var(--line)!important;-webkit-text-fill-color:var(--diai-input-text,#fff)!important;caret-color:var(--diai-input-text,#fff)!important}
.diai-field textarea::placeholder,#sendCopy input::placeholder{color:color-mix(in srgb, var(--diai-input-text,#fff) 66%, transparent)!important;-webkit-text-fill-color:color-mix(in srgb, var(--diai-input-text,#fff) 66%, transparent)!important}
.diai-notice.diai-ok{background:var(--diai-ok-bg,#0f2c1f)!important;color:var(--ok,#2bd4a5)!important}
.diai-notice.diai-error{background:var(--diai-error-bg,#3b1114)!important;color:var(--err,#f1a8a8)!important}
.diai-card--ad:empty,.diai-adbox:empty,.diai-ad-slot:empty{display:none!important}
.diai-card--ad{display:block}
.diai-ready .diai-card{max-width:var(--diai-max-width,980px)!important}
.diai-result-only{max-width:var(--diai-max-width,980px);margin-left:auto;margin-right:auto}

/* Related dictionary symbols */
.diai-related-symbols{
  margin:22px 0 4px;
  padding:22px;
  border:1px solid var(--diai-border, rgba(255,255,255,.18));
  border-radius:calc(var(--diai-radius, 22px) * .85);
  background:linear-gradient(180deg, color-mix(in srgb, var(--diai-card-bg, #171029) 92%, #fff 8%), var(--diai-card-bg, #171029));
  box-shadow:var(--diai-extra-shadow,0 16px 40px rgba(0,0,0,.14));
}
.diai-related-title{
  margin:0 0 8px;
  color:var(--diai-title, #fff);
  font-size:clamp(1.15rem, 1.8vw, 1.45rem);
  line-height:1.25;
}
.diai-related-intro{
  margin:0 0 16px;
  color:var(--diai-body, rgba(255,255,255,.82));
  line-height:1.6;
}
.diai-related-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(190px, 1fr));
  grid-auto-rows:1fr;
  gap:12px;
  align-items:stretch;
}
.diai-related-card{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-height:100%;
  overflow:hidden;
  border:1px solid var(--diai-border, rgba(255,255,255,.15));
  border-radius:16px;
  background:var(--diai-input-bg, rgba(255,255,255,.08));
  color:var(--diai-body, #fff);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.diai-related-card:hover,
.diai-related-card:focus-within{
  transform:translateY(-2px);
  box-shadow:var(--diai-hover-shadow,0 14px 30px rgba(0,0,0,.22)), 0 0 0 3px color-mix(in srgb, var(--diai-button-a, #7c4dff) 24%, transparent);
  border-color:color-mix(in srgb, var(--diai-button-a, #7c4dff) 60%, var(--diai-border, rgba(255,255,255,.15)));
  outline:none;
}
.diai-related-card a,
.diai-related-card a:visited,
.diai-related-card a:hover,
.diai-related-card a:focus,
.diai-related-card a *{
  text-decoration:none!important;
}
.diai-related-card-image-link{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  background:rgba(255,255,255,.06);
}
.diai-related-card-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.diai-related-card-title{
  margin:2px 16px 0;
  color:var(--diai-subtitle, #fff);
  font-weight:800;
  font-size:1.06rem;
  line-height:1.25;
}
.diai-related-card-title a,
.diai-related-card-title a:visited{
  color:inherit!important;
}
.diai-related-card-title a:hover,
.diai-related-card-title a:focus{
  color:var(--diai-subtitle, #fff)!important;
}
.diai-related-card-desc{
  margin:0 16px;
  color:var(--diai-body, rgba(255,255,255,.78));
  font-size:.94rem;
  font-weight:400;
  line-height:1.55;
  flex:1;
}
.diai-related-card-link{
  display:inline-flex;
  align-self:flex-start;
  margin:4px 16px 16px;
  color:var(--diai-button-a, #a98bff)!important;
  font-weight:700;
  font-size:.9rem;
}
@media (max-width:640px){
  .diai-related-symbols{padding:18px;}
  .diai-related-grid{grid-template-columns:1fr;}
}


/* v1.5.3 — light-site layout and no-collapse refinements */
.diai-field textarea::placeholder{
  font-size:16px;
  color:color-mix(in srgb, var(--diai-input-text,#fff) 66%, transparent)!important;
  -webkit-text-fill-color:color-mix(in srgb, var(--diai-input-text,#fff) 66%, transparent)!important;
}
.diai-meta,.diai-speech-status{color:var(--diai-helper-text,#9fb1ff)!important;}
.diai-field textarea:focus{outline:1px solid var(--brand);outline-offset:0;}
.diai-acc-toggle{cursor:default!important;pointer-events:none;}
.diai-acc-toggle::after{display:none!important;content:none!important;}
.diai-acc-panel{display:block!important;}
.diai-acc-item{box-shadow:var(--shadow-md)!important;}
.diai-orig,.diai-ai,.diai-action{box-shadow:var(--shadow-md)!important;}
.diai-ready .diai-card{box-shadow:var(--shadow-lg)!important;}
.diai-sky{box-shadow:var(--shadow-xl)!important;}
.diai-textarea-wrap .diai-speech-btn{box-shadow:var(--diai-speech-shadow,0 8px 24px rgba(0,0,0,.18))!important;}
.diai-related-symbols{box-shadow:var(--diai-extra-shadow,0 16px 40px rgba(0,0,0,.14))!important;}
.diai-acc-head{margin:0;}
.diai-acc-toggle{padding:12px 18px 0;}
.diai-acc-panel{padding:12px 16px 16px;}
@media (max-width:760px){
  .diai-field textarea{min-height:max(220px, calc(var(--diai-textarea-min-height,260px) - 30px));}
  .diai-sky{padding:14px;}
}

/* v1.5.7 — refined light-site form, loader, email and reset controls */
.diai-overlay{
  justify-content:flex-start!important;
  padding:46px 24px 24px!important;
}
.diai-anim-frame{margin-top:0!important;margin-bottom:0!important;}

#sendCopy .row{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
  align-items:center!important;
}
#sendCopy .diai-email-actions{
  margin-top:18px;
  display:flex;
  justify-content:center;
}
#sendCopy .diai-email-submit-button{
  min-width:240px;
  min-height:54px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.diai-reset-wrap{
  margin:20px 0 6px;
  text-align:center;
}
.diai-reset-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:220px;
  min-height:52px;
  text-align:center;
}

/* Email fields now use dedicated styling variables instead of hardcoded dark colors. */
#sendCopy .diai-optin input[type="text"],
#sendCopy .diai-optin input[type="email"],
.diai-result-only #sendCopy .diai-optin input[type="text"],
.diai-result-only #sendCopy .diai-optin input[type="email"]{
  background:var(--diai-email-input-bg,var(--diai-input-bg,#0c1224))!important;
  background-color:var(--diai-email-input-bg,var(--diai-input-bg,#0c1224))!important;
  color:var(--diai-email-input-text,var(--diai-input-text,#fff))!important;
  -webkit-text-fill-color:var(--diai-email-input-text,var(--diai-input-text,#fff))!important;
  caret-color:var(--diai-email-input-text,var(--diai-input-text,#fff))!important;
  border-color:var(--diai-email-input-border,var(--line,#2a3350))!important;
  box-shadow:0 0 0 1000px var(--diai-email-input-bg,var(--diai-input-bg,#0c1224)) inset!important;
}
#sendCopy .diai-optin input[type="text"]::placeholder,
#sendCopy .diai-optin input[type="email"]::placeholder,
.diai-result-only #sendCopy .diai-optin input[type="text"]::placeholder,
.diai-result-only #sendCopy .diai-optin input[type="email"]::placeholder{
  color:color-mix(in srgb, var(--diai-email-input-text,var(--diai-input-text,#fff)) 62%, transparent)!important;
  -webkit-text-fill-color:color-mix(in srgb, var(--diai-email-input-text,var(--diai-input-text,#fff)) 62%, transparent)!important;
}
#sendCopy .diai-optin input:-webkit-autofill,
#sendCopy .diai-optin input:-webkit-autofill:hover,
#sendCopy .diai-optin input:-webkit-autofill:focus,
.diai-result-only #sendCopy .diai-optin input:-webkit-autofill,
.diai-result-only #sendCopy .diai-optin input:-webkit-autofill:hover,
.diai-result-only #sendCopy .diai-optin input:-webkit-autofill:focus{
  -webkit-text-fill-color:var(--diai-email-input-text,var(--diai-input-text,#fff))!important;
  caret-color:var(--diai-email-input-text,var(--diai-input-text,#fff))!important;
  transition:background-color 9999s ease-out 0s;
}
@media (max-width:900px){
  #sendCopy .row{grid-template-columns:1fr!important;}
  #sendCopy .diai-email-submit-button{width:100%;}
}

/* v1.5.8 — final form polish: prompt tools row, email form layout, button variants */
.diai-field textarea{
  padding:16px 18px!important;
}
.diai-prompt-tools{
  margin-top:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  direction:ltr;
}
.diai-prompt-tools .diai-word-counter,
#diaiWordCounter{
  position:static!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  color:var(--diai-helper-text,#9fb1ff)!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:700!important;
  opacity:.9!important;
  text-align:left!important;
  white-space:nowrap!important;
  pointer-events:none;
  user-select:none;
}
.diai-prompt-tools .diai-speech-btn{
  position:static!important;
  inset:auto!important;
  width:auto!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border-radius:999px!important;
  border:1px solid var(--line,#2a3350)!important;
  background:color-mix(in srgb, var(--diai-input-bg,#0c1224) 78%, #fff 22%)!important;
  color:var(--diai-helper-text,var(--ink))!important;
  box-shadow:var(--diai-speech-shadow,0 8px 24px rgba(0,0,0,.18))!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.diai-container[dir="rtl"] .diai-prompt-tools .diai-speech-btn{direction:rtl;}
.diai-prompt-tools .diai-speech-icon{font-size:16px!important;line-height:1!important;}
.diai-prompt-tools .diai-speech-label{
  position:static!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  clip:auto!important;
  clip-path:none!important;
  white-space:nowrap!important;
  border:0!important;
}
.diai-prompt-tools .diai-speech-btn.is-listening{
  background:color-mix(in srgb, var(--diai-button-2,#ffb25a) 32%, var(--diai-input-bg,#0c1224))!important;
  border-color:var(--diai-button-2,#ffb25a)!important;
}
.diai-speech-status{
  min-height:18px!important;
  margin-top:7px!important;
  font-size:13px!important;
  text-align:center!important;
}

.diai-cta,
.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}
.diai-btn-icon{
  width:1.05em;
  height:1.05em;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  color:currentColor;
}
.diai-btn-icon svg{width:100%;height:100%;display:block;}
.diai-cta--secondary{
  background:radial-gradient(120% 160% at 50% -10%, var(--diai-secondary-button-1,#343a9b) 0%, var(--diai-secondary-button-2,#26328b) 40%, var(--diai-secondary-button-3,#1e296f) 72%, var(--diai-secondary-button-4,#162052) 100%)!important;
  color:var(--diai-secondary-button-text,#fff)!important;
  box-shadow:0 8px 24px var(--diai-secondary-button-glow,rgba(37,49,139,.22))!important;
  border:0!important;
  text-decoration:none!important;
}
.diai-cta--secondary:hover{filter:brightness(1.06);transform:translateY(-1px);}

#sendCopy{
  padding:clamp(20px,3vw,34px)!important;
}
#sendCopy .diai-optin{
  max-width:var(--diai-email-form-max-width,760px);
  margin:22px auto 0;
}
#sendCopy .row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:18px!important;
  align-items:center!important;
  width:100%!important;
}
#sendCopy .diai-optin input[type="text"],
#sendCopy .diai-optin input[type="email"]{
  min-height:52px!important;
  border-radius:14px!important;
  padding:12px 18px!important;
  font-size:16px!important;
}
#sendCopy .diai-checkline{
  justify-content:center;
  margin:18px 0 0!important;
  gap:10px!important;
}
#sendCopy .diai-email-actions{
  margin-top:22px!important;
  display:flex!important;
  justify-content:var(--diai-email-button-justify,center)!important;
  text-align:var(--diai-email-button-text-align,center)!important;
}
#sendCopy .diai-email-submit-button{
  min-width:260px!important;
  min-height:56px!important;
  padding:12px 28px!important;
  font-size:18px!important;
  border-radius:18px!important;
}
.diai-reset-wrap{
  margin:22px 0 6px!important;
  display:flex!important;
  justify-content:var(--diai-reset-button-justify,center)!important;
  text-align:var(--diai-reset-button-text-align,center)!important;
}
.diai-reset-button{
  min-width:220px!important;
  min-height:50px!important;
  padding:10px 26px!important;
  font-size:17px!important;
  border-radius:17px!important;
}

@media (max-width:760px){
  .diai-prompt-tools{align-items:flex-start;gap:10px;}
  .diai-prompt-tools .diai-word-counter{white-space:normal!important;}
  .diai-prompt-tools .diai-speech-btn{height:36px!important;min-height:36px!important;padding:0 12px!important;font-size:13px!important;}
  #sendCopy .row{grid-template-columns:1fr!important;gap:12px!important;}
  #sendCopy .diai-email-submit-button,
  .diai-reset-button{width:100%!important;}
  #sendCopy .diai-email-actions,
  .diai-reset-wrap{justify-content:center!important;}
}

/* v1.5.9 — loader progress bar color controls */
.diai-bar{
  background:var(--diai-progress-track-bg,#1a2140)!important;
}
.diai-fill{
  background:linear-gradient(90deg,var(--diai-progress-1,#6bb3ff),var(--diai-progress-2,#b884f4),var(--diai-progress-3,#ff5cc0))!important;
}

/* v1.6.0 — productized dream report sections */
.diai-report-card .diai-acc-panel{
  display:block!important;
}
.diai-report-block{
  margin:0 0 14px;
}
.diai-report-title{
  margin:0 0 8px!important;
  color:var(--diai-section-title,var(--brand))!important;
  font-size:18px!important;
  font-weight:800!important;
}
.diai-report-summary{
  position:relative;
  background:color-mix(in srgb, var(--diai-card-bg,#0e1732) 82%, transparent);
  border:1px solid color-mix(in srgb, var(--line,#2a3350) 80%, transparent);
  border-radius:var(--radius-lg,18px);
  padding:16px 18px;
  box-shadow:var(--shadow-md);
}
.diai-report-summary p{
  margin:0!important;
  font-size:clamp(18px,2vw,23px)!important;
  line-height:1.65!important;
  color:var(--diai-body-text,var(--ink))!important;
  font-weight:650;
}
.diai-report-overview{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:12px;
}
.diai-report-row{
  min-height:86px;
  background:color-mix(in srgb, var(--diai-card-bg,#0e1732) 88%, transparent);
  border:1px solid color-mix(in srgb, var(--line,#2a3350) 80%, transparent);
  border-radius:var(--radius-lg,18px);
  padding:14px 16px;
  display:flex;
  flex-direction:column;
  gap:9px;
}
.diai-report-k{
  color:var(--diai-subtitle,var(--brand));
  font-size:13px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.02em;
  text-transform:uppercase;
  opacity:.95;
}
.diai-report-v{
  color:var(--diai-body-text,var(--ink));
  font-size:17px;
  line-height:1.45;
  font-weight:700;
}
.diai-theme-list{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.diai-theme-chip{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:5px 10px;
  background:color-mix(in srgb, var(--diai-button-2,#ffb25a) 22%, var(--diai-card-bg,#0e1732));
  color:var(--diai-body-text,var(--ink));
  border:1px solid color-mix(in srgb, var(--diai-button-2,#ffb25a) 40%, transparent);
  font-size:13px;
  line-height:1.2;
  font-weight:800;
}
.diai-symbol-cards{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px!important;
  margin:4px 0 0!important;
  padding:0!important;
}
.diai-symbol-card{
  background:color-mix(in srgb, var(--diai-card-bg,#0e1732) 88%, transparent);
  border:1px solid color-mix(in srgb, var(--line,#2a3350) 82%, transparent);
  border-radius:var(--radius-lg,18px);
  padding:16px 18px;
  min-height:128px;
  box-shadow:var(--shadow-md);
}
.diai-acc-panel .diai-symbol-card h4.diai-sub{
  margin:0 0 8px!important;
  color:var(--diai-subtitle,var(--brand))!important;
  font-size:17px!important;
  font-weight:850!important;
}
.diai-acc-panel .diai-symbol-card p{
  margin:0!important;
  color:var(--diai-body-text,var(--ink))!important;
  line-height:1.65!important;
  font-size:15.5px!important;
}
.diai-reflection-question{
  background:linear-gradient(135deg,color-mix(in srgb, var(--diai-button-2,#ffb25a) 18%, var(--diai-card-bg,#0e1732)),color-mix(in srgb, var(--diai-card-bg,#0e1732) 92%, transparent));
  border:1px solid color-mix(in srgb, var(--diai-button-2,#ffb25a) 35%, var(--line,#2a3350));
  border-radius:var(--radius-lg,18px);
  padding:18px 20px;
}
.diai-reflection-question p{
  margin:0!important;
  color:var(--diai-body-text,var(--ink))!important;
  font-size:clamp(17px,2vw,21px)!important;
  line-height:1.65!important;
  font-weight:700;
}
@media (max-width:760px){
  .diai-report-overview{grid-template-columns:1fr;}
  .diai-symbol-cards{grid-template-columns:1fr;}
  .diai-report-summary p{font-size:17px!important;}
}

/* v1.6.1 — clean report layout, speech button style and tighter prompt tools */
.diai-prompt-tools{
  margin:8px 8px 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.diai-prompt-tools .diai-word-counter,
#diaiWordCounter{
  font-size:13px!important;
  line-height:1.2!important;
  padding:0!important;
  margin:0!important;
}
.diai-prompt-tools .diai-speech-btn{
  background:var(--diai-speech-bg,#e6e6e6)!important;
  color:var(--diai-speech-text,#111)!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  height:36px!important;
  min-height:36px!important;
  padding:0 14px!important;
  font-size:14px!important;
  font-weight:800!important;
}
.diai-prompt-tools .diai-speech-btn:hover{
  filter:brightness(.97)!important;
  transform:none!important;
}
.diai-prompt-tools .diai-speech-btn.is-listening{
  background:var(--diai-speech-text,#111)!important;
  color:var(--diai-speech-bg,#e6e6e6)!important;
}
#sendCopy{
  background:var(--diai-email-panel-bg,#101831)!important;
  border-color:var(--diai-email-panel-border,var(--line,#2a3350))!important;
}

/* Report overview: fewer frames, no clickable-looking chips */
.diai-report-block{margin:0!important;}
.diai-report-title{display:none!important;}
.diai-report-summary{
  background:var(--diai-report-inner-bg,transparent)!important;
  border:1px solid var(--diai-report-inner-border,transparent)!important;
  box-shadow:none!important;
  padding:14px 16px!important;
}
.diai-report-overview,
.diai-theme-list,
.diai-theme-chip{display:contents!important;}
.diai-report-overview-simple{
  margin-top:14px!important;
  display:grid!important;
  gap:10px!important;
  background:var(--diai-report-inner-bg,transparent)!important;
  border:1px solid var(--diai-report-inner-border,transparent)!important;
  border-radius:var(--radius-lg,18px)!important;
  padding:14px 16px!important;
}
.diai-report-line{
  display:grid!important;
  grid-template-columns:150px 1fr!important;
  gap:14px!important;
  align-items:start!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
}
.diai-report-line strong{
  color:var(--diai-subtitle,var(--brand))!important;
  font-weight:850!important;
  font-size:15px!important;
  line-height:1.45!important;
}
.diai-report-line span{
  color:var(--diai-body-text,var(--ink))!important;
  font-weight:600!important;
  font-size:16px!important;
  line-height:1.55!important;
}
.diai-container[dir="rtl"] .diai-report-line{grid-template-columns:1fr 150px!important;}
.diai-container[dir="rtl"] .diai-report-line strong{grid-column:2;}
.diai-container[dir="rtl"] .diai-report-line span{grid-column:1;grid-row:1;}

/* Symbol rows: one symbol per row, no cards */
.diai-symbol-cards{display:block!important;}
.diai-symbol-list{
  display:block!important;
  margin:0!important;
  padding:0!important;
}
.diai-symbol-row{
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid color-mix(in srgb, var(--line,#2a3350) 58%, transparent)!important;
  border-radius:0!important;
  padding:14px 0!important;
  box-shadow:none!important;
}
.diai-symbol-row:first-child{padding-top:0!important;}
.diai-symbol-row:last-child{border-bottom:0!important;padding-bottom:0!important;}
.diai-acc-panel .diai-symbol-row h4.diai-sub{
  margin:0 0 6px!important;
  color:var(--diai-subtitle,var(--brand))!important;
  font-size:18px!important;
  font-weight:850!important;
}
.diai-acc-panel .diai-symbol-row p{
  margin:0!important;
  color:var(--diai-body-text,var(--ink))!important;
  font-size:16px!important;
  line-height:1.75!important;
}
.diai-reflection-question{
  background:var(--diai-question-bg,rgba(255,255,255,.05))!important;
  border:1px solid var(--diai-question-border,var(--line,#2a3350))!important;
  box-shadow:none!important;
}
@media (max-width:760px){
  .diai-report-line,
  .diai-container[dir="rtl"] .diai-report-line{display:block!important;}
  .diai-report-line strong,
  .diai-container[dir="rtl"] .diai-report-line strong{display:block!important;margin-bottom:4px!important;grid-column:auto!important;}
  .diai-report-line span,
  .diai-container[dir="rtl"] .diai-report-line span{display:block!important;grid-column:auto!important;grid-row:auto!important;}
  .diai-prompt-tools{margin-left:8px!important;margin-right:8px!important;}
}

/* v1.6.2 — report typography cleanup: fewer frames, true H2/H3/H4 rhythm */
.diai-result-only > h2{
  font-size:clamp(28px,3.4vw,42px)!important;
  line-height:1.15!important;
  margin:0 0 22px!important;
  font-weight:850!important;
}
.diai-result-only .diai-acc-toggle{
  font-size:clamp(23px,2.25vw,32px)!important;
  line-height:1.2!important;
  font-weight:850!important;
  padding:22px 24px 8px!important;
}
.diai-result-only .diai-acc-panel{
  padding:10px 24px 24px!important;
}

/* At-a-glance: one clean section, no nested cards/frames */
.diai-report-card .diai-acc-panel{
  display:block!important;
}
.diai-report-block,
.diai-report-summary,
.diai-report-overview-simple{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}
.diai-report-block{
  margin:0 0 18px!important;
  padding:0!important;
}
.diai-report-summary{
  margin:0!important;
  padding:0!important;
}
.diai-report-summary p{display:none!important;}
.diai-report-summary h4{
  margin:0!important;
  padding:0!important;
  color:var(--diai-body-text,var(--ink))!important;
  font-size:clamp(20px,2.1vw,26px)!important;
  line-height:1.55!important;
  font-weight:700!important;
}
.diai-report-overview-simple{
  margin:16px 0 0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px 26px!important;
}
.diai-report-line,
.diai-container[dir="rtl"] .diai-report-line{
  display:block!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  margin:0!important;
}
.diai-report-line h4,
.diai-container[dir="rtl"] .diai-report-line h4{
  display:block!important;
  margin:0 0 6px!important;
  padding:0!important;
  grid-column:auto!important;
  color:var(--diai-subtitle,var(--brand))!important;
  font-size:clamp(16px,1.45vw,20px)!important;
  line-height:1.35!important;
  font-weight:850!important;
}
.diai-report-line p,
.diai-container[dir="rtl"] .diai-report-line p{
  display:block!important;
  margin:0!important;
  padding:0!important;
  grid-column:auto!important;
  grid-row:auto!important;
  color:var(--diai-body-text,var(--ink))!important;
  font-size:clamp(16px,1.35vw,19px)!important;
  line-height:1.55!important;
  font-weight:500!important;
}

/* Symbols/actions: simple rows inside one main section, not cards */
.diai-symbol-list,
.diai-symbols{
  display:block!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.diai-symbol-row{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0 0 18px!important;
  margin:0 0 18px!important;
}
.diai-symbol-row:last-child{
  padding-bottom:0!important;
  margin-bottom:0!important;
}
.diai-acc-panel .diai-symbol-row h4.diai-sub,
.diai-acc-panel .diai-action h4,
.diai-acc-panel .diai-action .diai-sub{
  margin:0 0 7px!important;
  color:var(--diai-subtitle,var(--brand))!important;
  font-size:clamp(16px,1.45vw,20px)!important;
  line-height:1.35!important;
  font-weight:850!important;
}
.diai-acc-panel .diai-symbol-row p,
.diai-acc-panel .diai-action p,
.diai-meaning p{
  color:var(--diai-body-text,var(--ink))!important;
  font-size:clamp(16px,1.25vw,18px)!important;
  line-height:1.75!important;
  font-weight:400!important;
}
.diai-action,
.diai-orig,
.diai-ai{
  box-shadow:none!important;
}
.diai-action{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0 0 18px!important;
  margin:0 0 18px!important;
}
.diai-action:last-child{padding-bottom:0!important;margin-bottom:0!important;}

/* Reflection: still highlighted, but calmer and not over-framed */
.diai-reflection-question{
  background:var(--diai-question-bg,rgba(255,255,255,.04))!important;
  border:1px solid var(--diai-question-border,transparent)!important;
  box-shadow:none!important;
  border-radius:var(--radius-lg,18px)!important;
  padding:16px 18px!important;
}
.diai-reflection-question p{
  font-size:clamp(18px,1.7vw,23px)!important;
  line-height:1.6!important;
  font-weight:600!important;
}
@media(max-width:760px){
  .diai-report-overview-simple{grid-template-columns:1fr!important;gap:12px!important;}
  .diai-result-only .diai-acc-toggle{padding:18px 18px 6px!important;}
  .diai-result-only .diai-acc-panel{padding:10px 18px 20px!important;}
}


/* v1.6.3 — counter bidi fix + report ad/wording polish */
.diai-prompt-tools .diai-word-counter{
  direction:ltr!important;
  unicode-bidi:isolate!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:0!important;
}
.diai-word-counter .diai-count-part{
  direction:ltr!important;
  unicode-bidi:isolate!important;
  white-space:nowrap!important;
  display:inline-flex!important;
  align-items:baseline!important;
  gap:3px!important;
}
.diai-word-counter .diai-count-label{
  direction:auto!important;
  unicode-bidi:isolate!important;
}
.diai-word-counter .diai-count-sep{
  display:inline-block!important;
  padding:0 8px!important;
  direction:ltr!important;
}
.diai-container[dir="rtl"] .diai-prompt-tools .diai-word-counter{
  text-align:left!important;
  justify-content:flex-start!important;
}

/* Keep third-party ad injectors out of the compact personal snapshot. */
.diai-result-only .diai-report-card .code-block,
.diai-result-only .diai-report-card .adsbygoogle,
.diai-result-only .diai-report-card .google-auto-placed,
.diai-result-only .diai-report-card .ad,
.diai-result-only .diai-report-card .ads,
.diai-result-only .diai-report-card .advertisement,
.diai-result-only .diai-report-card [class*="advert"],
.diai-result-only .diai-report-card [class*="ads"],
.diai-result-only .diai-report-card [id*="advert"],
.diai-result-only .diai-report-card [id*="ads"]{
  display:none!important;
}

/* Slightly calmer quick-view text rhythm after report cleanup. */
.diai-report-summary h4{
  font-size:clamp(18px,1.85vw,24px)!important;
  font-weight:650!important;
}
.diai-report-line p{
  font-weight:450!important;
}

/* v1.6.7 — mobile-safe inline loader and responsive typography controls */
.diai-sky.is-calculating .diai-form{
  display:none!important;
}
.diai-sky.is-calculating{
  min-height:0!important;
}
.diai-overlay{
  position:relative!important;
  inset:auto!important;
  z-index:3!important;
  display:none!important;
  width:100%!important;
  min-height:280px!important;
  padding:24px 18px 20px!important;
  background:transparent!important;
  box-sizing:border-box!important;
  border-radius:var(--radius-xl,26px)!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.diai-overlay.is-active{
  display:flex!important;
}
.diai-overlay .diai-ad-slot{
  display:none!important;
}
.diai-overlay .diai-anim-frame{
  width:100%!important;
  max-width:230px!important;
  margin:0 auto 8px!important;
  text-align:center!important;
}
.diai-overlay .diai-anim-frame iframe{
  width:220px!important;
  max-width:min(58vw,220px)!important;
  aspect-ratio:1/1!important;
  display:block!important;
  margin:0 auto!important;
}
.diai-overlay .diai-progress{
  width:min(560px,92%)!important;
  margin:8px auto 0!important;
}
.diai-overlay .diai-bar{
  height:20px!important;
}
.diai-overlay .diai-line{
  margin-top:12px!important;
  min-height:24px!important;
  font-size:clamp(15px,2vw,20px)!important;
  line-height:1.25!important;
  padding:0 8px!important;
}

/* Desktop/site-wide typography variables */
.diai-sky{
  padding:var(--diai-panel-padding,20px)!important;
}
.diai-field label{
  font-size:var(--diai-form-title-size,28px)!important;
  line-height:1.2!important;
}
.diai-field textarea{
  font-size:var(--diai-textarea-font-size,16px)!important;
}
.diai-result-only > h2{
  font-size:var(--diai-page-title-size,36px)!important;
}
.diai-result-only .diai-acc-toggle{
  font-size:var(--diai-section-title-size,28px)!important;
}
.diai-report-summary h4,
.diai-reflection-question p{
  font-size:var(--diai-intro-title-size,21px)!important;
}
.diai-report-line h4,
.diai-container[dir="rtl"] .diai-report-line h4,
.diai-acc-panel .diai-symbol-row h4.diai-sub,
.diai-acc-panel .diai-action h4,
.diai-acc-panel .diai-action .diai-sub{
  font-size:var(--diai-subtitle-size,18px)!important;
}
.diai-report-line p,
.diai-container[dir="rtl"] .diai-report-line p,
.diai-acc-panel .diai-symbol-row p,
.diai-acc-panel .diai-action p,
.diai-meaning p,
.diai-orig,
.diai-ai,
.diai-action,
.diai-result-only p,
.diai-result-only label{
  font-size:var(--diai-body-size,16px)!important;
}

@media(max-width:760px){
  .diai-container{
    padding:0!important;
  }
  .diai-sky{
    padding:var(--diai-mobile-panel-padding,14px)!important;
  }
  .diai-field label{
    font-size:var(--diai-mobile-form-title-size,26px)!important;
  }
  .diai-field textarea{
    min-height:var(--diai-mobile-textarea-min-height,190px)!important;
    font-size:var(--diai-mobile-textarea-font-size,16px)!important;
    line-height:1.55!important;
  }
  .diai-result-only > h2{
    font-size:var(--diai-mobile-page-title-size,28px)!important;
    margin-bottom:16px!important;
  }
  .diai-result-only .diai-acc-toggle{
    font-size:var(--diai-mobile-section-title-size,23px)!important;
    padding:16px 16px 4px!important;
  }
  .diai-result-only .diai-acc-panel{
    padding:8px 16px 18px!important;
  }
  .diai-report-summary h4,
  .diai-reflection-question p{
    font-size:var(--diai-mobile-intro-title-size,18px)!important;
    line-height:1.5!important;
  }
  .diai-report-line h4,
  .diai-container[dir="rtl"] .diai-report-line h4,
  .diai-acc-panel .diai-symbol-row h4.diai-sub,
  .diai-acc-panel .diai-action h4,
  .diai-acc-panel .diai-action .diai-sub{
    font-size:var(--diai-mobile-subtitle-size,16px)!important;
  }
  .diai-report-line p,
  .diai-container[dir="rtl"] .diai-report-line p,
  .diai-acc-panel .diai-symbol-row p,
  .diai-acc-panel .diai-action p,
  .diai-meaning p,
  .diai-orig,
  .diai-ai,
  .diai-action,
  .diai-result-only p,
  .diai-result-only label{
    font-size:var(--diai-mobile-body-size,15px)!important;
    line-height:1.65!important;
  }
  .diai-overlay{
    min-height:260px!important;
    padding:18px 10px 16px!important;
  }
  .diai-overlay .diai-anim-frame{
    max-width:170px!important;
  }
  .diai-overlay .diai-anim-frame iframe{
    width:170px!important;
    max-width:48vw!important;
  }
  .diai-overlay .diai-progress{
    width:min(440px,92%)!important;
  }
  .diai-overlay .diai-bar{
    height:17px!important;
  }
  .diai-overlay .diai-line{
    font-size:var(--diai-mobile-loader-text-size,16px)!important;
    margin-top:10px!important;
  }
  .diai-cta,
  .button{
    font-size:var(--diai-mobile-button-font-size,16px)!important;
    padding:10px 18px!important;
  }
}