/* Question Context v2 + approved Helix Ask palette */
:root{
  --serif:"Noto Serif SC","Noto Serif CJK SC","Source Han Serif SC","Songti SC",STSong,"Times New Roman",serif;
  --sans:"Noto Sans SC","Noto Sans CJK SC","Source Han Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ink:#0B0B0C;
  --ink2:#12110f;
  --paper:#F7F3EA;
  --gold:#C9A96B;
  --gold2:#9d7b48;
  --red:#8A2F2A;
}
html{background:#080808}
body{background:radial-gradient(circle at 50% -18%,#1d1914 0,#0B0B0C 42%,#060606 82%)}
.app-shell{background:linear-gradient(180deg,rgba(11,11,12,.91),rgba(7,7,8,.98))}
.app-shell:before{opacity:.22;background-image:radial-gradient(circle at 22% 18%,rgba(201,169,107,.10) 0 1px,transparent 1.8px),radial-gradient(circle at 77% 39%,rgba(247,243,234,.045) 0 1px,transparent 1.4px)}
.ambient:before{bottom:-5%;height:38%;opacity:.5;background:linear-gradient(151deg,transparent 20%,rgba(23,22,19,.78) 21% 43%,transparent 44%),linear-gradient(31deg,transparent 34%,rgba(15,15,14,.92) 35% 61%,transparent 62%);filter:blur(2px)}
.ambient:after{content:"";position:absolute;top:7%;left:50%;width:1px;height:31%;background:linear-gradient(180deg,transparent,rgba(201,169,107,.18) 24%,rgba(201,169,107,.08) 72%,transparent)}
.moon{width:78px;height:78px;top:10%;right:auto;left:50%;transform:translateX(-50%);background:radial-gradient(circle at 38% 35%,#f7f3ea,#c9a96b 45%,transparent 70%);opacity:.12}
.hero-copy{margin-top:78px;max-width:410px}
.ritual-seal{opacity:.055;top:120px}
.question-card{border-radius:10px;background:linear-gradient(180deg,rgba(20,18,15,.66),rgba(10,10,10,.86));border-color:rgba(201,169,107,.3);box-shadow:inset 0 0 32px rgba(201,169,107,.018),0 24px 72px rgba(0,0,0,.3)}
.question-card textarea{min-height:164px;color:#F7F3EA}
.question-meta{justify-content:flex-end;padding-top:7px}
.primary-cta,.secondary-cta,.ghost-cta,.reveal-deeper,.checkout-cta{border-radius:7px}
.reading-card,.deep-card,.suggested-followups,.feedback-panel,.outcome-feedback,.chart-details{border-radius:9px}
.clarify-panel{margin:14px 0 0;padding:16px;border-top:1px solid rgba(201,169,107,.18);background:rgba(201,169,107,.025)}
.clarify-panel .clarify-kicker{margin:0 0 8px;color:#c9a96b;font-size:11px;letter-spacing:.13em}
.clarify-panel .clarify-question{margin:0 0 11px;color:#ddd2bc;font-size:14px;line-height:1.75}
.clarify-panel textarea{min-height:86px;padding:12px 13px;border:1px solid rgba(201,169,107,.22);border-radius:7px;background:#0b0b0c;color:#f7f3ea;font:13px/1.7 var(--sans)}
.clarify-actions{display:flex;gap:8px;margin-top:10px}
.clarify-actions button{flex:1;padding:10px 11px;border-radius:6px;font:11px var(--sans);cursor:pointer}
.clarify-continue{border:1px solid rgba(201,169,107,.5);background:rgba(201,169,107,.12);color:#d7bb85}
.clarify-skip{border:1px solid rgba(247,243,234,.09);background:transparent;color:#77736c}
.clarify-note{display:block;margin-top:10px;color:#6f6b64;font:10px/1.65 var(--sans)}
@media(max-width:440px){.hero-copy{margin-top:66px}.question-card textarea{min-height:150px}.clarify-actions{flex-direction:column}}

/* Brand-board alignment: atmosphere, geometry and contrast */
:root{--muted:#9b9488}
.topbar{border-bottom-color:rgba(201,169,107,.12)}
.brand-lockup{width:100px;height:58px;filter:drop-shadow(0 0 12px rgba(201,169,107,.08))}
.ambient{background:
  radial-gradient(ellipse at 50% 47%,rgba(247,243,234,.035),transparent 28%),
  radial-gradient(ellipse at 50% 69%,rgba(201,169,107,.035),transparent 34%)}
.ambient:before{
  left:-10%;right:-10%;bottom:-3%;height:43%;opacity:.72;
  background:
    linear-gradient(153deg,transparent 20%,rgba(29,27,23,.88) 20.6% 39%,transparent 39.6%),
    linear-gradient(27deg,transparent 31%,rgba(18,18,17,.98) 31.6% 57%,transparent 57.6%),
    linear-gradient(165deg,transparent 48%,rgba(24,23,20,.78) 48.6% 66%,transparent 66.6%);
  filter:blur(.6px)
}
.ambient:after{top:6%;height:38%;background:linear-gradient(180deg,transparent,rgba(201,169,107,.28) 18%,rgba(201,169,107,.10) 70%,transparent)}
.moon{
  width:48px;height:48px;top:10.8%;opacity:.34;
  background:radial-gradient(circle at 34% 30%,#f7f3ea 0 7%,#d7b777 21%,#8a6938 48%,#2b251b 67%,transparent 70%);
  box-shadow:0 0 34px rgba(201,169,107,.10)
}
.moon:before{content:"";position:absolute;inset:-15px;border:1px solid rgba(201,169,107,.11);border-radius:50%}
.moon:after{content:"";position:absolute;width:40px;height:40px;left:16px;top:-3px;border-radius:50%;background:#0b0b0c;opacity:.84}
.mist{opacity:1;background:radial-gradient(ellipse,rgba(247,243,234,.105),rgba(201,169,107,.025) 34%,transparent 68%);filter:blur(24px)}
.mist-a{top:39%}.mist-b{bottom:4%}
.ritual-seal{
  width:168px;height:168px;top:112px;border:0;border-radius:0;opacity:.018;
  background:url("./assets/brand/hewen-mark.svg") center/contain no-repeat
}
.ritual-seal:before,.ritual-seal:after,.ritual-seal span{display:none}
.hero-copy h1,.screen-heading h2,.reveal h2{color:#ddc18c;text-shadow:0 0 28px rgba(201,169,107,.12)}
.lead{color:#b1aa9e}.method-explainer{color:#817b70;border-top-color:rgba(201,169,107,.14);border-bottom-color:rgba(201,169,107,.09)}
.question-card{border-radius:7px;border-color:rgba(201,169,107,.34);background:linear-gradient(180deg,rgba(18,16,14,.72),rgba(9,9,9,.92))}
.question-card textarea::placeholder{color:#746f67}
.primary-cta{
  border-radius:6px;border-color:rgba(201,169,107,.62);
  background:linear-gradient(180deg,rgba(157,123,72,.28),rgba(82,61,32,.20));
  color:#dfc58f;box-shadow:inset 0 1px 0 rgba(247,243,234,.035),0 12px 34px rgba(0,0,0,.25)
}
.primary-cta:hover{background:linear-gradient(180deg,rgba(173,136,79,.34),rgba(91,67,35,.25))}
.ritual-note{color:#746f65}
@media(min-width:900px){.app-shell{border-radius:16px}.screen-question{max-width:600px}.hero-copy{margin-top:70px}.question-card textarea{min-height:176px}}
@media(max-width:440px){.brand-lockup{width:94px;height:55px}.moon{top:11.5%}.ritual-seal{top:105px}}


/* Brand refinement: preserve whitespace and keep the landscape atmospheric */
.ambient{
  background:
    radial-gradient(circle at 50% 6%,rgba(201,169,107,.42) 0 1.4px,transparent 2px),
    radial-gradient(circle at 50% 23%,rgba(201,169,107,.20) 0 1.1px,transparent 1.8px),
    radial-gradient(circle at 50% 34%,rgba(201,169,107,.13) 0 1px,transparent 1.7px),
    radial-gradient(ellipse at 50% 47%,rgba(247,243,234,.035),transparent 28%),
    radial-gradient(ellipse at 50% 69%,rgba(201,169,107,.035),transparent 34%);
}
.ambient:before{
  left:-8%;right:-8%;bottom:-8%;height:31%;opacity:.58;
  background:
    linear-gradient(154deg,transparent 27%,rgba(31,29,25,.78) 27.8% 42%,transparent 42.8%),
    linear-gradient(28deg,transparent 39%,rgba(18,18,17,.92) 39.8% 58%,transparent 58.8%),
    linear-gradient(166deg,transparent 55%,rgba(27,25,22,.66) 55.8% 68%,transparent 68.8%);
  filter:blur(3.5px);
}
.lead{color:#c0b8aa}
.method-explainer{color:#91897c}
.question-card textarea::placeholder{color:#81796e}
.ritual-note{color:#82786a}
.topbar select{border-color:rgba(201,169,107,.18);background:rgba(11,11,12,.72)}
@media(max-width:440px){
  .ambient:before{bottom:-7%;height:27%;opacity:.52}
  .hero-copy{margin-top:62px}
}