/* MonsterMoo shared look (kid + parent pages): one font stack, one palette, one spacing scale.
   Pages may add their own layout, but colours, type and touch sizes come from here. */
:root{
  --mm-font:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,'PingFang SC','Hiragino Sans GB','Noto Sans SC','Microsoft YaHei',sans-serif;
  --mm-bg:#f6f5fb; --mm-surface:#fff; --mm-soft:#f1eefe; --mm-border:#e4e1ef;
  --mm-text:#1f2330; --mm-muted:#5b6070;
  --mm-accent:#6d4cf5; --mm-accent-ink:#fff; --mm-accent-soft:#ece7fe;
  --mm-ok:#16a34a; --mm-ok-soft:#dcfce7; --mm-try:#d97706; --mm-try-soft:#fef3c7;
  --mm-r:16px; --mm-r-lg:24px;
  --mm-s1:8px; --mm-s2:12px; --mm-s3:16px; --mm-s4:24px; --mm-s5:32px;
  --mm-tap:48px;
}
*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}
html,body{overflow-x:hidden}
body{font-family:var(--mm-font);background:var(--mm-bg);color:var(--mm-text);line-height:1.5;-webkit-text-size-adjust:100%}
a{color:var(--mm-accent)}
img,svg{max-width:100%}
button,input,select,textarea{font:inherit}
.mm-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--mm-s1);min-height:var(--mm-tap);padding:0 22px;border-radius:999px;border:0;background:var(--mm-accent);color:var(--mm-accent-ink);font-weight:700;font-size:1.05rem;text-decoration:none;cursor:pointer}
.mm-btn.ghost{background:transparent;color:var(--mm-text);border:2px solid var(--mm-border)}
.mm-btn.soft{background:var(--mm-accent-soft);color:#3b2c95}
.mm-link{display:inline-flex;align-items:center;min-height:var(--mm-tap);padding:0 6px;color:var(--mm-muted);text-decoration:none}
.mm-link:hover{color:var(--mm-text)}
.mm-card{background:var(--mm-surface);border:1px solid var(--mm-border);border-radius:var(--mm-r-lg);padding:var(--mm-s4)}
.mm-muted{color:var(--mm-muted)}