/* KUMI：昼の木の家。白い軒天、ラワン合板の壁、黄色い鉄骨の柱、ガラスの向こうの青空。字は深い紺 */
:root {
  --bg: #f6f3ec;
  --surface: #ffffff;
  --surface-2: #faf6ec;
  --ink: #1b2747;
  --muted: #6f7790;
  --line: #e6dfcf;
  --accent: #1b2747;      /* 紺 */
  --accent-ink: #ffffff;
  --hot: #d9542f;
  --ok: #4f8f5a;
  --badge: #f2b13c;
  --pmark: linear-gradient(135deg, #f7c95a, #f2b13c);
  --side-dark: #1b2747;
  --side-ink: #2c1d0a;
  --side-pill: rgba(255, 252, 244, .9);
  --human-bg: #fff7e0;
  --human-line: #f2b13c;
  --human-node: #ffdf8a;
  --bar-ink: #ffdf8a;
  --radius: 10px;
  --font-head: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  /* ラワン合板：横に流れる木目と、板の継ぎ目。両端に黄色い鉄骨の柱 */
  --side:
    linear-gradient(90deg, #f2b13c 0 8px, transparent 8px calc(100% - 8px), #f2b13c calc(100% - 8px)),
    repeating-linear-gradient(180deg, transparent 0 179px, rgba(90, 50, 20, .25) 179px 181px),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='600'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.004 0.12' numOctaves='4' seed='9'/><feColorMatrix values='0 0 0 0 0.55  0 0 0 0 0.32  0 0 0 0 0.16  0 0 0 1 -0.35'/></filter><rect width='300' height='600' fill='%23d9a877'/><rect width='300' height='600' filter='url(%23g)'/></svg>") 0 0 / 300px 600px;
}
body.resident {
  background:
    linear-gradient(180deg, #dcecf8 0, #f6f3ec 320px),
    #f6f3ec;
}
/* メニュー：上に白い軒天と黒い鉄の庇 */
.r-side { border-top: 18px solid #ffffff; border-radius: 4px 4px 16px 16px; box-shadow: 0 -6px 0 #1b2747, 0 24px 50px -16px rgba(27, 39, 71, .45); }
.r-ptag { border: 0; background: #1b2747; color: #fff; font-family: "Inter", sans-serif; font-weight: 800; letter-spacing: .2em; }
.r-menu a.on { background: #1b2747; color: #fff; }
.r-menu a.on .ic { color: #f2b13c; }
.r-pill.dark { background: #1b2747; }
.r-head h1 { font-weight: 900; letter-spacing: .04em; }
.r-crumb::before { content: "HOME BUILDER"; font-family: "Inter", sans-serif; font-weight: 800; letter-spacing: .2em; color: #c8892e; margin-right: 8px; }
.r-card { border-radius: 10px; box-shadow: 0 0 0 1px var(--line), 0 14px 28px -20px rgba(27, 39, 71, .5); }
.r-card h3 .ic, .r-note .ic { color: #c8892e; }
.r-kic { background: #fff4d8; color: #c8892e; }
.r-lead { border-left: 6px solid #f2b13c; }
.r-btn.primary { background: #1b2747; color: #fff; }
.r-btn.primary .ic { color: #f2b13c; }
.r-chat-head { background: #1b2747; color: #fff; box-shadow: inset 0 -4px 0 #f2b13c; }
.r-chat-x { color: #fff; }