/* Know Thyself — calm, earthy aesthetic to sit alongside storklife.org */
:root{
  --bg:#f6f1e9; --ink:#2d2a26; --muted:#7a7166; --line:#e3d9c9;
  --card:#fffdf9; --accent:#b08968; --accent-d:#8a6a4f;
  --teal:#2a9d8f; --gold:#c9a227; --blue:#3a6ea5;
  --ok:#2f7d4f; --err:#b23b3b; --radius:14px;
  --shadow:0 6px 24px rgba(60,50,40,.08);
  --serif:Georgia,"Times New Roman",serif;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.55}
.kt-root{max-width:760px;margin:0 auto;padding:32px 18px 80px}
.kt-screen{animation:fade .35s ease}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

h1{font-family:var(--serif);font-weight:600;font-size:1.9rem;margin:.1em 0 .3em}
h2{font-family:var(--serif);font-weight:600;font-size:1.45rem;margin:.1em 0 .4em}
h3{font-size:1.05rem;margin:.6em 0 .3em}
.kt-sub{color:var(--muted);margin:.2em 0 1.1em}
.kt-meta{color:var(--muted);font-size:.85rem}
.kt-eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:var(--muted)}

.kt-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow);padding:24px 22px;margin:0 0 18px}
.kt-center{text-align:center;padding:48px 22px}
.kt-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}

/* buttons */
.kt-btn{appearance:none;border:0;border-radius:999px;background:var(--accent);color:#fff;
  font-size:1rem;font-weight:600;padding:11px 22px;cursor:pointer;transition:.15s}
.kt-btn:hover{background:var(--accent-d)}
.kt-btn:disabled{opacity:.45;cursor:not-allowed}
.kt-btn-ghost{background:transparent;color:var(--accent-d);border:1px solid var(--accent)}
.kt-btn-ghost:hover{background:#f0e7da;color:var(--accent-d)}
.kt-small{padding:7px 14px;font-size:.85rem}
.kt-link{background:none;border:0;color:var(--accent-d);text-decoration:underline;cursor:pointer;font-size:.9rem;padding:6px 0}
.kt-nav{display:flex;justify-content:space-between;gap:12px;margin-top:18px}
.kt-nav .kt-btn:only-child{margin-left:auto}

/* fields */
.kt-field{margin:0 0 14px}
.kt-field label{display:block;font-weight:600;font-size:.92rem;margin-bottom:5px}
.kt-field small{display:block;color:var(--muted);font-size:.8rem;margin-top:4px}
.kt-field input[type=text],.kt-field input[type=email],.kt-field input[type=password],
.kt-field input[type=date],.kt-field input[type=time],.kt-field select,.kt-field textarea,
#kt-dream{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;
  font-size:1rem;font-family:inherit;background:#fff;color:var(--ink)}
.kt-field input[type=range]{width:100%}
.kt-field output{font-weight:700;color:var(--accent-d)}
.kt-req{color:var(--accent-d)}
.kt-sec{border-top:1px solid var(--line);padding-top:14px;margin-top:18px;color:var(--accent-d)}

/* card picker (build type) */
.kt-cardpick{display:flex;gap:10px;flex-wrap:wrap}
.kt-pick{flex:1;min-width:120px;text-align:left;background:#fff;border:1px solid var(--line);
  border-radius:10px;padding:10px 12px;cursor:pointer}
.kt-pick b{display:block}.kt-pick span{font-size:.78rem;color:var(--muted)}
.kt-pick.on{border-color:var(--accent);box-shadow:0 0 0 2px rgba(176,137,104,.25)}

/* auth */
.kt-auth-actions{display:flex;gap:10px;margin:8px 0}
.kt-msg{min-height:1.2em;font-size:.88rem;margin-top:8px}
.kt-msg.ok{color:var(--ok)}.kt-msg.err{color:var(--err)}
.kt-note{background:#fbf3e3;border:1px solid #ecdcbd;border-radius:10px;padding:12px 14px;margin:8px 0;font-size:.92rem}

/* chooser */
.kt-choices{display:grid;gap:10px;margin:10px 0}
.kt-choice{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);
  border-radius:10px;padding:12px 14px;cursor:pointer;background:#fff}
.kt-choice input{margin-top:3px}
.kt-choice b{display:block}.kt-choice span{font-size:.84rem;color:var(--muted)}

/* questions */
.kt-q{padding:12px 0;border-top:1px solid var(--line)}
.kt-opts{display:grid;gap:6px;margin-top:6px}
.kt-opts label{cursor:pointer}
.kt-likert{display:flex;gap:8px;margin-top:6px}
.kt-likert label{display:flex;flex-direction:column;align-items:center;cursor:pointer;font-size:.8rem;color:var(--muted)}

/* WAT */
.kt-wat-progress{height:8px;background:#eee4d3;border-radius:6px;overflow:hidden;margin:6px 0 22px}
#kt-wat-bar{height:100%;width:100%;background:var(--teal)}
.kt-stim{font-family:var(--serif);font-size:2.6rem;text-align:center;letter-spacing:.02em;min-height:1.4em;color:var(--ink)}
.kt-stim.kt-warm{color:var(--muted)}
.kt-wat-input{width:100%;text-align:center;font-size:1.4rem;padding:12px;border:1px solid var(--line);
  border-radius:10px;margin-top:16px;background:#fff}
.kt-wat .kt-meta{text-align:center}

/* spinner */
.kt-spinner{width:38px;height:38px;border:4px solid #e6dccb;border-top-color:var(--accent);
  border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 14px}
@keyframes spin{to{transform:rotate(360deg)}}

/* report */
.kt-report-head{text-align:center;margin-bottom:18px}
.kt-strength{border-left:4px solid var(--teal)}
.kt-remedy{border-left:4px solid var(--gold);background:#fcf8ef}
.kt-thanks{font-style:italic;color:var(--accent-d)}
.kt-alt{background:#f3f7f4;border-radius:10px;padding:10px 12px}
.kt-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.kt-badge{background:#efe6d6;color:var(--accent-d);border-radius:999px;padding:3px 10px;font-size:.78rem;white-space:nowrap}
.kt-section ul{margin:.4em 0 0;padding-left:1.1em}
.kt-section li{margin:.2em 0}
.kt-factor{display:grid;grid-template-columns:140px 1fr 36px;align-items:center;gap:10px;margin:8px 0;font-size:.9rem}
.kt-bar{height:10px;background:#eee4d3;border-radius:6px;overflow:hidden}
.kt-bar-fill{height:100%;background:linear-gradient(90deg,var(--teal),var(--gold))}
.kt-spark{width:100%;height:auto;display:block}
.kt-legend{font-size:.78rem;color:var(--muted);display:flex;gap:14px;flex-wrap:wrap;margin-top:6px}
.kt-actions{display:flex;gap:12px;margin-top:18px}
.kt-disclaimer{color:var(--muted);font-size:.78rem;margin-top:14px}

@media (max-width:520px){
  .kt-factor{grid-template-columns:96px 1fr 30px}
  .kt-stim{font-size:2rem}
}

/* print */
@media print{
  body{background:#fff}
  .kt-noprint,.kt-actions{display:none!important}
  .kt-card{box-shadow:none;border:1px solid #ddd;break-inside:avoid}
}

/* ════════ Know Thyself PRIME — dark + premium GOLD (2026-06-06) ════════ */
:root{
  --bg:#0b0a07; --ink:#efe9df; --muted:#a59a86; --line:#2c2410;
  --card:#15120b; --accent:#e0b35c; --accent-d:#f1ce86;
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --shadow:0 18px 50px -24px rgba(0,0,0,.75);
}
body{background:radial-gradient(1100px 560px at 50% -10%,rgba(224,179,92,.14),transparent) fixed,var(--bg);color:var(--ink)}
h1,h2{color:var(--accent);text-shadow:0 0 28px rgba(224,179,92,.25)}
.kt-btn{background:linear-gradient(135deg,#e8c172,#c9952f);color:#1a1407}
.kt-btn:hover{filter:brightness(1.06)}
.kt-btn-ghost{background:transparent;color:var(--accent)}
.kt-btn-ghost:hover{background:rgba(224,179,92,.12);color:var(--accent)}
.kt-link{color:var(--accent)}
.kt-sec,.kt-req,.kt-field output,.kt-thanks,.kt-accent{color:var(--accent)}
.kt-field input[type=text],.kt-field input[type=email],.kt-field input[type=password],
.kt-field input[type=date],.kt-field input[type=time],.kt-field select,.kt-field textarea,
#kt-dream,.kt-pick,.kt-choice,.kt-wat-input{background:#0e0b06;color:var(--ink)}
.kt-pick.on{box-shadow:0 0 0 2px rgba(224,179,92,.35)}
.kt-note{background:rgba(224,179,92,.08);border-color:var(--line)}
.kt-wat-progress,.kt-bar{background:rgba(255,255,255,.08)}
.kt-spinner{border-color:rgba(255,255,255,.14);border-top-color:var(--accent)}
.kt-remedy{background:rgba(224,179,92,.07)}
.kt-alt{background:rgba(255,255,255,.03)}
.kt-badge{background:rgba(224,179,92,.16);color:var(--accent);border-radius:999px;padding:3px 10px;font-size:.78rem;white-space:nowrap}
@media print{ body{background:#fff!important;color:#000!important} .kt-card{background:#fff} h1,h2{color:#6a4e12;text-shadow:none} }

/* ═══════ Ego-Vortex Visualization ═══════ */
.kt-samkhya-viz{text-align:center}
.kt-vortex-wrap{display:flex;flex-direction:column;align-items:center;gap:16px}
.kt-vortex-svg{width:100%;max-width:480px;background:radial-gradient(circle at 50% 50%,rgba(11,10,7,1) 0%,rgba(5,5,3,1) 100%);
  border-radius:50%;box-shadow:inset 0 0 60px rgba(0,0,0,0.9),0 0 40px rgba(224,179,92,0.08);
  border:1px solid rgba(224,179,92,0.15)}
.kt-vortex-svg circle{transition:r 0.6s ease,opacity 0.4s ease}
.kt-vortex-svg line{transition:all 0.6s ease}
.kt-vortex-legend{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;width:100%;max-width:380px}
.kt-vortex-leg-item{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--muted)}
.kt-vortex-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}

/* ═══════ Guna Donut Chart ═══════ */
.kt-guna-card{text-align:center}
.kt-guna-wrap{display:flex;flex-direction:column;align-items:center;gap:12px}
.kt-guna-svg{width:160px;height:160px}
.kt-guna-labels{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;font-size:.82rem}

/* ═══════ TAT Cards ═══════ */
.kt-tat-card,.kt-srt-card{background:rgba(224,179,92,0.04);border:1px solid var(--line);border-radius:12px;
  padding:18px;margin-bottom:16px;transition:border-color 0.2s}
.kt-tat-card:hover,.kt-srt-card:hover{border-color:rgba(224,179,92,0.25)}
.kt-tat-header,.kt-srt-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.kt-tat-header h4,.kt-srt-header h4{margin:0;color:var(--accent);font-size:1rem}
.kt-tat-prompt,.kt-srt-prompt{font-style:italic;color:var(--muted);font-size:.92rem;
  margin:0 0 12px;line-height:1.5;border-left:3px solid var(--accent);padding-left:12px}
.kt-tat-card textarea,.kt-srt-card textarea{width:100%;background:#0e0b06;color:var(--ink);
  border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-family:inherit;
  font-size:.92rem;line-height:1.5;box-sizing:border-box;resize:vertical}
.kt-tat-card textarea:focus,.kt-srt-card textarea:focus{border-color:var(--accent);outline:none;
  box-shadow:0 0 0 2px rgba(224,179,92,0.15)}

/* ═══════ Samkhya Report Sections ═══════ */
.kt-section[data-id="tat"]{border-left:4px solid #f1c40f}
.kt-section[data-id="srt"]{border-left:4px solid #e74c3c}
.kt-section[data-id="samkhya"]{border-left:4px solid #9b59b6;background:rgba(155,89,182,0.04)}

/* ═══════ AI Synthesis Section ═══════ */
.kt-aisynth{background:linear-gradient(150deg,rgba(224,179,92,0.08),rgba(224,179,92,0.02));border:1px solid rgba(224,179,92,0.2)}
.kt-aisynth .kt-accent{color:#f1ce86;font-weight:700}
#kt-ai-body{padding:0;animation:aiFadeIn 0.8s ease}
#kt-ai-body h3{color:var(--accent);font-family:var(--serif);font-size:1.2rem;margin-top:1.2rem;margin-bottom:0.5rem;border-bottom:1px solid rgba(224,179,92,0.12);padding-bottom:0.3rem}
#kt-ai-body h3:first-child{margin-top:0}
#kt-ai-body p{color:var(--ink);font-size:.92rem;line-height:1.7;margin-bottom:0.8rem}
#kt-ai-body ul{padding-left:1.2em;margin:0.4rem 0 1rem}
#kt-ai-body li{color:var(--ink);font-size:.9rem;line-height:1.6;margin-bottom:0.3rem}
#kt-ai-body li::marker{color:var(--accent)}
@keyframes aiFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ═══════ Visualization Export Buttons ═══════ */
.kt-viz-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:10px}
.kt-viz-actions .kt-btn{font-size:.78rem;padding:7px 14px}

/* ═══════ Interactive hover effects for report cards ═══════ */
.kt-card{transition:box-shadow 0.3s ease,border-color 0.3s ease}
.kt-card:hover{border-color:rgba(224,179,92,0.25)}
.kt-strength{background:linear-gradient(150deg,rgba(42,157,143,0.06),transparent)}
.kt-strength:hover{border-left-color:#2a9d8f;box-shadow:0 6px 30px rgba(42,157,143,0.08)}
.kt-remedy:hover{border-left-color:var(--accent);box-shadow:0 6px 30px rgba(224,179,92,0.08)}
.kt-factor .kt-bar-fill{transition:width 1.2s ease}

/* ═══════ Factor Ring Visualization ═══════ */
.kt-ring-card{overflow:visible}
.kt-factor-ring{display:flex;flex-direction:column;align-items:center;gap:10px}
.kt-ring-svg{max-width:580px;width:100%;height:auto;margin:0 auto}
.kt-ring-legend{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:center;font-size:.78rem;color:var(--muted);margin-top:4px}
.kt-ring-legend div{display:flex;align-items:center;gap:5px}
.kt-ring-dot{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:middle;flex-shrink:0}

/* ═══════ Print-specific chart export styles ═══════ */
@media print{
  .kt-viz-actions{display:none!important}
  .kt-vortex-svg{max-width:100%;break-inside:avoid}
  .kt-guna-svg{break-inside:avoid}
}

/* ═══════ Responsive ═══════ */
@media (max-width:520px){
  .kt-root{padding:20px 12px 60px}
  .kt-vortex-svg{max-width:320px}
  .kt-vortex-legend{grid-template-columns:1fr;gap:6px}
  .kt-guna-labels{flex-direction:column;align-items:center;gap:6px}
  .kt-viz-actions{flex-direction:column;align-items:center}
  .kt-card{padding:18px 14px}
  .kt-factor{grid-template-columns:80px 1fr 28px;font-size:.82rem}
  h1{font-size:1.6rem}
  h2{font-size:1.25rem}
}