/* Kidsplain widget — Aztec / Obsidian-Jade re-skin */
.kp-widget {
  --kp-jade: #3fb98c;
  --kp-gold: #c8a24b;
  --kp-bg: #0d0f0e;
  --kp-card: #16191a;
  --kp-border: #2a2f2c;
  --kp-text: #e6e3d8;
  --kp-muted: #8b8a82;
  background: var(--kp-card);
  border: 1px solid var(--kp-border);
  border-radius: 4px;
  padding: 1.4rem;
  color: var(--kp-text);
  font-family: 'Space Grotesk', system-ui, sans-serif;
  box-shadow: 0 14px 40px rgba(0,0,0,0.6), inset 0 0 0 1px rgba(200,162,75,0.05);
}
.kp-header { display:flex; align-items:center; gap:0.9rem; margin-bottom:1.1rem; }
.kp-mascot { position:relative; width:52px; height:52px; flex:0 0 auto; }
.kp-mascot-face {
  width:100%; height:100%; border-radius:50%;
  background: radial-gradient(circle at 35% 30%, #1d6b4f, #0c3324);
  border:2px solid var(--kp-jade); display:flex; flex-direction:column;
  align-items:center; justify-content:center; color:var(--kp-jade);
  font-size:0.9rem; line-height:1; box-shadow:0 0 18px rgba(63,185,140,0.35);
}
.kp-mascot-glow { position:absolute; inset:-6px; border-radius:50%; border:1px solid rgba(200,162,75,0.25); }
.kp-title { font-family:'Cinzel', serif; font-size:1.5rem; font-weight:700; color:var(--kp-gold); letter-spacing:0.06em; }
.kp-tagline { font-size:0.8rem; color:var(--kp-muted); line-height:1.4; }
.kp-sample-chips { display:flex; flex-wrap:wrap; gap:0.5rem; margin-bottom:0.8rem; }
.kp-chip {
  background:transparent; border:1px solid var(--kp-border); color:var(--kp-text);
  padding:0.4rem 0.7rem; border-radius:3px; font-size:0.78rem; cursor:pointer;
  font-family:inherit; transition:all 0.2s;
}
.kp-chip:hover, .kp-chip-active { border-color:var(--kp-jade); color:var(--kp-jade); background:rgba(63,185,140,0.08); }
.kp-input {
  width:100%; background:var(--kp-bg); border:1px solid var(--kp-border); color:var(--kp-text);
  border-radius:3px; padding:0.8rem; font-family:inherit; font-size:0.9rem; resize:vertical;
}
.kp-input:focus { outline:none; border-color:var(--kp-jade); box-shadow:0 0 0 2px rgba(63,185,140,0.2); }
.kp-controls { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:0.8rem; margin-top:0.8rem; }
.kp-age-select label { font-size:0.8rem; color:var(--kp-muted); margin-right:0.5rem; }
.kp-age-buttons { display:inline-flex; gap:0.4rem; }
.kp-age-btn {
  background:transparent; border:1px solid var(--kp-border); color:var(--kp-text);
  padding:0.35rem 0.6rem; border-radius:3px; font-size:0.75rem; cursor:pointer; font-family:inherit;
}
.kp-age-btn:hover { border-color:var(--kp-gold); }
.kp-age-active { background:var(--kp-gold); border-color:var(--kp-gold); color:#1a1407; font-weight:700; }
.kp-explain-btn {
  background:linear-gradient(180deg,#3fb98c,#2a8c66); border:none; color:#04140d;
  padding:0.6rem 1.2rem; border-radius:3px; font-weight:700; font-size:0.9rem; cursor:pointer;
  font-family:'Cinzel',serif; letter-spacing:0.05em; box-shadow:0 4px 16px rgba(63,185,140,0.3);
}
.kp-explain-btn:hover { filter:brightness(1.1); }
.kp-results { margin-top:1.2rem; border-top:1px solid var(--kp-border); padding-top:1.1rem; }
.kp-result-header { display:flex; gap:0.6rem; margin-bottom:0.7rem; flex-wrap:wrap; }
.kp-topic-badge { background:rgba(200,162,75,0.12); color:var(--kp-gold); border:1px solid rgba(200,162,75,0.3); border-radius:3px; padding:0.25rem 0.6rem; font-size:0.78rem; }
.kp-mode-badge { background:rgba(63,185,140,0.12); color:var(--kp-jade); border:1px solid rgba(63,185,140,0.3); border-radius:3px; padding:0.25rem 0.6rem; font-size:0.78rem; }
.kp-explanation { font-size:0.95rem; line-height:1.7; color:var(--kp-text); }
.kp-key-terms { margin-top:0.9rem; }
.kp-terms-label { font-size:0.8rem; color:var(--kp-muted); margin-bottom:0.4rem; }
.kp-terms-list { display:flex; flex-wrap:wrap; gap:0.4rem; }
.kp-term-chip { background:rgba(63,185,140,0.08); border:1px solid var(--kp-border); color:var(--kp-jade); padding:0.2rem 0.55rem; border-radius:3px; font-size:0.75rem; }
.kp-result-actions { display:flex; gap:0.6rem; margin-top:1rem; flex-wrap:wrap; }
.kp-copy-btn, .kp-try-different-btn {
  background:transparent; border:1px solid var(--kp-border); color:var(--kp-text);
  padding:0.5rem 0.9rem; border-radius:3px; font-size:0.8rem; cursor:pointer; font-family:inherit;
}
.kp-copy-btn:hover, .kp-try-different-btn:hover { border-color:var(--kp-gold); color:var(--kp-gold); }
.kp-sunny-says { margin-top:0.9rem; font-size:0.8rem; color:var(--kp-muted); font-style:italic; }
.kp-footer-cta { margin-top:1.1rem; font-size:0.8rem; color:var(--kp-muted); display:flex; flex-direction:column; gap:0.4rem; }
.kp-full-app-link { color:var(--kp-jade); text-decoration:none; font-weight:600; }
.kp-full-app-link:hover { text-decoration:underline; }