/* 손님 화면: 아이들이 누르기 쉽게 큼직하게 */
.ghead p { margin: 4px 0 8px; color: var(--sub) }
.hearts { font-size: 22px; margin-bottom: 12px }
.hearts b { font-size: 15px; color: var(--c) }
.menus { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px }
button.menu { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; text-align: left; position: relative;
  background: #fff; color: #1f2430; border-radius: 16px; padding: 14px 14px 12px; min-height: 120px; box-shadow: 0 1px 3px rgba(0,0,0,.08), inset 0 0 0 2px transparent; font-weight: 500 }
button.menu b { font-size: 18px; padding-right: 28px }
button.menu .heart { position: absolute; top: 10px; right: 10px; font-size: 22px }
button.menu .grp { font-size: 18px }
button.menu small { color: var(--sub); font-size: 13px }
button.menu .who { color: #c8692c; font-weight: 650 }
button.menu .warn-s { color: #c92a2a }
button.menu.mine { box-shadow: inset 0 0 0 3px #e8735a; background: #fff6f2 }
button.menu.off { opacity: .7 }
.gplan { margin-top: 18px }
.gday { display: flex; gap: 12px; padding: 8px 0; border-top: 1px solid var(--line); align-items: baseline }
.gday .gd { width: 4.2em; flex: none; font-weight: 650 }
.gday.today .gd { color: #c8692c }
.gday .gs { display: block; font-size: 16px }
.gday .gs small { color: var(--sub) }