/* ═══ 月天 월천 시리즈 — 세 앱(뭐먹지·월천도사·오행밥상) 공통 토큰 ═══
   원본: PROJECT\_월천시리즈\brand.css  →  sync.ps1 이 각 앱 폴더로 복사한다. 앱 폴더의 사본을 직접 고치지 말 것.
   쓰는 법: <html data-app="mwo|wc|oh"> + <link rel="stylesheet" href="/brand.css">  (앱 자기 <style> 보다 앞에)
   바탕·글자·테두리·모서리는 세 앱이 완전히 같고, 포인트 색(--brand)만 앱마다 하나 다르다. */
:root{
  --f-paper:#fcfbfa; --f-paper-deep:#f4f0eb; --f-card:#ffffff;
  --f-ink:#1f1c18; --f-ink-soft:#4a4232; --f-muted:#8e887b; --f-faint:#b5ad9c;
  --f-line:#ebe5db; --f-line-soft:#f0ebe2;
  --f-rs:12px; --f-rm:16px; --f-rl:22px;
  --f-sh:0 2px 10px rgba(70,55,45,.05);
  --f-serif:'Gowun Batang','Noto Serif KR',serif;
  --f-sans:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif;
  /* 가족 도장(인주) — 세 앱 공통 */
  --f-seal:#c96a5e; --f-seal-ink:#fff;
  /* 기본 포인트 = 뭐먹지(코랄) */
  --brand:#d4756a; --brand-deep:#b85d52; --brand-soft:#fdf1ef; --brand-line:#e9b8b0; --brand-glow:rgba(212,117,106,.2);
}
html[data-app="mwo"]{--brand:#d4756a;--brand-deep:#b85d52;--brand-soft:#fdf1ef;--brand-line:#e9b8b0;--brand-glow:rgba(212,117,106,.2)}
html[data-app="wc"] {--brand:#9c6a8f;--brand-deep:#7f5474;--brand-soft:#f6eef4;--brand-line:#d9bfd2;--brand-glow:rgba(156,106,143,.2)}
html[data-app="oh"] {--brand:#6a9c86;--brand-deep:#4f8a6e;--brand-soft:#eef5f1;--brand-line:#bdd8cb;--brand-glow:rgba(106,156,134,.2)}

/* ── 가족 표식 1: 제목 바로 옆 「[인장] 월천」 — 글꼴은 제목 글꼴을 그대로 따르고, 인장 색은 그 앱의 포인트 색 ── */
.fam-tag{display:inline-flex;align-items:center;gap:4px;font-family:inherit;font-size:.5em;font-weight:700;letter-spacing:.04em;color:var(--f-muted);margin-left:.45em;vertical-align:middle;line-height:1;white-space:nowrap}
/* 낙관(落款) — 정갈하면서 자연스러운 전통 인장: 네모 인홍 바탕에 「月天」, 수제 느낌의 불규칙 모서리, 살짝 기울여 찍은 듯.
   인홍색은 그 앱의 포인트 색(--brand). 크기는 제목 글자 높이의 0.9배 */
.fam-seal{display:inline-flex;align-items:center;justify-content:center;min-width:1.8em;height:1.8em;padding:0 .25em;box-sizing:border-box;
  background:var(--brand);color:#F8F5EE;font-family:'Gowun Batang','ChosunSm',var(--f-serif);font-size:.9em;font-weight:700;letter-spacing:-.06em;line-height:1;
  border-radius:4px 7px 5px 6px;transform:rotate(-4deg);box-shadow:.5px 1px 2px rgba(0,0,0,.15);opacity:.92;user-select:none;flex-shrink:0;
  background-image:radial-gradient(circle at 30% 30%,rgba(255,255,255,.14),rgba(0,0,0,0) 60%),radial-gradient(circle at 80% 90%,rgba(0,0,0,.12),rgba(0,0,0,0) 55%)} /* 인주 농담 */
.fam-tag{margin-top:-.2em;margin-bottom:-.2em;gap:0}
.fam-seal svg,.fam-seal img{display:none}

/* ── 가족 표식 2: 형제 앱 줄 (fam.js 가 [data-fam-row] 자리에 그린다) ── */
.fam-row{margin:18px 0 8px;padding:12px 12px 10px;background:var(--f-card);border:1px solid var(--f-line);border-radius:var(--f-rm);font-family:var(--f-sans);color:var(--f-ink-soft)}
.fam-row .fam-head{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--f-muted);margin-bottom:9px}
.fam-row .fam-head b{color:var(--f-ink-soft);font-weight:800;letter-spacing:.02em}
.fam-row .fam-head .fam-seal{min-width:26px;height:26px;font-size:13px}
.fam-row .fam-app svg{width:40px;height:40px}
.fam-row .fam-apps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.fam-row .fam-app{display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 4px 8px;border:1px solid var(--f-line);border-radius:14px;background:var(--f-paper);font-family:inherit;font-size:12.5px;font-weight:800;color:var(--f-ink-soft);cursor:pointer;-webkit-tap-highlight-color:transparent;line-height:1.2}
.fam-row .fam-app svg{width:40px;height:40px;display:block}
.fam-row .fam-app small{font-size:10px;font-weight:600;color:var(--f-faint);letter-spacing:-.01em}
.fam-row .fam-app.me{opacity:.5;cursor:default;border-style:dashed}
.fam-row .fam-app:not(.me):active{transform:scale(.97)}
.fam-row .fam-talk{display:flex;gap:7px;align-items:flex-start;margin-top:10px;padding:8px 10px;background:var(--brand-soft);border-radius:12px;font-size:12px;line-height:1.5;color:var(--f-ink-soft)}
.fam-row .fam-talk b{color:var(--brand-deep);flex-shrink:0}