/* Know Thyself — follows the main site's day/night theme via assets/theme.css */
:root{
  --bg:#080808; --ink:#ece6e1; --muted:#9a8c80; --line:#2a2018;
  --card:#15110e; --accent:#D97757; --accent-d:#e8967b;
  --teal:#2a9d8f; --gold:#c9a227; --blue:#3a6ea5;
  --ok:#2f7d4f; --err:#b23b3b; --radius:14px;
  --shadow:0 18px 50px -24px rgba(0,0,0,.7);
  --serif:'Fraunces',Georgia,serif;
  --sans:'Hanken Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,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}
}

/* ════════ NIGHT — dark + Claude orange (mirrors storklife.org) ════════ */
html[data-theme="night"]{
  --bg:#0c0a09; --ink:#ece6e1; --muted:#9a8c80; --line:#2a2018;
  --card:#15110e; --accent:#D97757; --accent-d:#e8967b;
  --serif:'Fraunces',Georgia,serif;
  --sans:'Hanken Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --shadow:0 18px 50px -24px rgba(0,0,0,.7);
}
html[data-theme="night"] body{background:radial-gradient(1100px 560px at 50% -10%,rgba(217,119,87,.12),transparent) fixed,var(--bg);color:var(--ink)}
html[data-theme="night"] h1,
html[data-theme="night"] h2{color:var(--accent)}
html[data-theme="night"] .kt-btn{color:#1a120d}
html[data-theme="night"] .kt-btn-ghost{background:transparent;color:var(--accent)}
html[data-theme="night"] .kt-btn-ghost:hover{background:rgba(217,119,87,.12);color:var(--accent)}
html[data-theme="night"] .kt-link{color:var(--accent)}
html[data-theme="night"] .kt-sec,
html[data-theme="night"] .kt-req,
html[data-theme="night"] .kt-field output,
html[data-theme="night"] .kt-thanks,
html[data-theme="night"] .kt-accent{color:var(--accent)}
html[data-theme="night"] .kt-field input[type=text],
html[data-theme="night"] .kt-field input[type=email],
html[data-theme="night"] .kt-field input[type=password],
html[data-theme="night"] .kt-field input[type=date],
html[data-theme="night"] .kt-field input[type=time],
html[data-theme="night"] .kt-field select,
html[data-theme="night"] .kt-field textarea,
html[data-theme="night"] #kt-dream,
html[data-theme="night"] .kt-pick,
html[data-theme="night"] .kt-choice,
html[data-theme="night"] .kt-wat-input{background:#0d0a08;color:var(--ink)}
html[data-theme="night"] .kt-pick.on{box-shadow:0 0 0 2px rgba(217,119,87,.3)}
html[data-theme="night"] .kt-note{background:rgba(217,119,87,.08);border-color:var(--line)}
html[data-theme="night"] .kt-wat-progress,
html[data-theme="night"] .kt-bar{background:rgba(255,255,255,.08)}
html[data-theme="night"] .kt-spinner{border-color:rgba(255,255,255,.14);border-top-color:var(--accent)}
html[data-theme="night"] .kt-remedy{background:rgba(217,119,87,.07)}
html[data-theme="night"] .kt-alt{background:rgba(255,255,255,.03)}
html[data-theme="night"] .kt-badge{background:rgba(217,119,87,.14);color:var(--accent)}

/* ════════ DAY — assets/theme.css provides the turquoise/lakeside palette; just fonts here ════════ */
html[data-theme="day"]{
  --serif:'Fraunces',Georgia,serif;
  --sans:'Hanken Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
}

@media print{ body{background:#fff!important;color:#000!important} .kt-card{background:#fff} h1,h2{color:#1a120d} }