/* Triplicity · Little Stars (親子星盤) — KIDS theme tokens
 * Same navy starry sky as the adult tool, re-cast as a warm bedtime star-map:
 * rounder shapes, moonlight-pastel accents, a friendlier rounded headline font,
 * and calm, dreamy motion. Logic/data is shared with the adult build; only the
 * visual layer changes.
 */

:root {
  /* ── Night base (a touch warmer & lighter than the adult navy) ── */
  --k-bg-0:        #0B1A33;   /* deepest sky */
  --k-bg-sky-top:  #14305A;   /* gradient top — moonlit */
  --k-bg-sky-bot:  #0A1730;   /* gradient bottom */
  --k-surface:     #16294A;   /* cards / panels */
  --k-surface-2:   #1C3155;   /* raised surface */
  --k-line:        rgba(193,201,240,0.16);
  --k-line-soft:   rgba(193,201,240,0.08);

  /* ── Moonlight pastel accents (shared lightness/chroma, varied hue) ── */
  --k-moon:    #FBF1D6;   /* moonlight cream — primary warm */
  --k-gold:    #F4D58A;   /* soft star-gold */
  --k-aqua:    #9FE0D8;   /* gentle aqua */
  --k-peach:   #F6B79E;   /* warm peach */
  --k-lilac:   #CBBEF2;   /* soft lavender */
  --k-peri:    #93A6EC;   /* friendly periwinkle — interactive primary */
  --k-peri-deep:#7C8FE6;

  /* ── Ink ── */
  --k-white:   #F4F7FF;
  --k-text:    #E6ECFB;
  --k-gray:    #A9B6D4;
  --k-gray-dim:#7E8CAD;

  /* ── Type ── */
  --k-font-zh:      'Noto Sans TC', sans-serif;        /* friendly rounded sans for Chinese */
  --k-font-zh-soft: 'Noto Serif TC', serif;            /* occasional elegant accent */
  --k-font-en:      'Baloo 2', 'Noto Sans TC', cursive;/* rounded display for Latin / numbers */

  /* ── Shape ── */
  --k-r-pill: 999px;
  --k-r-lg:   22px;
  --k-r-md:   16px;
  --k-r-sm:   12px;
}

*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }

/* ── Motion — calm & dreamy ───────────────────────────────────────────── */
@keyframes k-twinkle  { 0%,100%{opacity:var(--tk-min,0.35)} 50%{opacity:1} }
@keyframes k-pulse    { 0%,100%{transform:scale(1);opacity:0.7} 50%{transform:scale(1.05);opacity:1} }
@keyframes k-float    { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }
@keyframes k-floatSlow{ 0%,100%{transform:translateY(0) rotate(0deg)} 50%{transform:translateY(-14px) rotate(2deg)} }
@keyframes k-drift    { 0%{transform:translateX(0)} 100%{transform:translateX(14px)} }
@keyframes k-sparkle  { 0%,100%{transform:scale(0.7);opacity:0.4} 50%{transform:scale(1);opacity:1} }
@keyframes k-shoot {
  0%   { transform:translate(0,0) rotate(18deg); opacity:0; }
  8%   { opacity:1; }
  26%  { opacity:1; }
  40%  { transform:translate(280px,90px) rotate(18deg); opacity:0; }
  100% { transform:translate(280px,90px) rotate(18deg); opacity:0; }
}
@keyframes k-breathe  { 0%,100%{opacity:0.55} 50%{opacity:1} }

/* hide scrollbars on horizontal pill nav */
.k-noscroll::-webkit-scrollbar{ display:none; }