/* 메뉴 이름·1:1 버튼 (10/14~15) — 2026-10-31 구조 정리로 index.html <style> 956~992줄에서 옮김. 파일 번호 순서대로 읽어야 함(뒤 규칙이 앞 규칙을 덮음) */
/* 메뉴 이름 (2026-10-14 23:58 결정): 폰 세로·폰 가로·PC 모두 처음에는 아이콘만. 햄버거를 누르면 이름이 펼쳐지고,
   펼친 상태는 다른 화면으로 옮겨도 그대로 (다시 햄버거를 눌러야 접힘). 펼친 메뉴는 본문 위에 떠서 열리고 본문은 움직이지 않음 (어두운 가림막 없음) */
.scrim{display:none!important}
body.menu-open{overflow:visible}
/* 펼친 메뉴는 본문 위에 떠서 열림 — 본문은 원래 자리 그대로 (2026-10-15 00:09) */
body.menu-open:not(.h-mode) .drawer{width:184px;box-shadow:4px 0 18px rgba(60,50,30,.16)}
body.h-mode.menu-open .drawer{box-shadow:0 6px 18px rgba(60,50,30,.16)}
/* 위쪽 메뉴: 햄버거 칸도 메뉴 아이콘 칸과 같은 폭(8칸 균등) — 햄버거 오른쪽 여백만 넓어 보이던 것 고침 (2026-10-15) */
body.h-mode .drawer-toggle{width:12.5%;padding:0}
/* 왼쪽 메뉴를 펼쳤을 때(PC·폰 가로): 원래 순서(이름 왼쪽 · 아이콘 오른쪽) 그대로, 메뉴 폭을 줄여 이름과 아이콘 사이를 좁힘 (2026-10-15) */
body.menu-open:not(.h-mode) .drawer nav a{justify-content:space-between;gap:12px;padding:12px 18px 12px 20px}
body.h-mode .drawer nav a{flex:1 1 0;min-width:0}
/* 입력 화면: 카드·입력 칸·선택 버튼 정리, 화면 안 버튼은 그 메뉴 색 */
#today{--accent:var(--today-main);--acc-top:var(--today-top);--acc-bot:var(--today-bot);--on-accent:#fff}
#saju{--accent:var(--saju-main);--acc-top:var(--saju-top);--acc-bot:var(--saju-bot);--on-accent:#fff}
#theme{--accent:var(--theme-main);--acc-top:var(--theme-top);--acc-bot:var(--theme-bot);--on-accent:#fff}
#counsel{--accent:var(--counsel-main);--acc-top:var(--counsel-top);--acc-bot:var(--counsel-bot);--on-accent:#fff}
.fortune-card{border:none;border-radius:22px;box-shadow:0 2px 10px rgba(60,50,30,.07)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .fortune-card{border:1px solid var(--line);box-shadow:none}}
:root[data-theme="dark"] .fortune-card{border:1px solid var(--line);box-shadow:none}
.date-field,.input-box{background:var(--field);border:1px solid var(--field-line);border-radius:12px}
.gender-field,.choice-field{background:var(--seg);border-radius:12px;padding:4px}
.gender-btn,.choice-btn{border-radius:9px}
.gender-btn[aria-pressed="true"],.choice-btn[aria-pressed="true"]{box-shadow:0 1px 3px rgba(0,0,0,.12)}
.submit-btn{border-radius:14px;background:linear-gradient(180deg,var(--acc-top,var(--accent)) 0%,var(--accent) 55%,var(--acc-bot,var(--accent)) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 4px 10px rgba(60,50,30,.18)}
.theme-card{background:var(--bg)}
.theme-card svg{color:var(--accent)}
.theme-plus{color:var(--accent)}
.chat-window{background:var(--bg)}
.chat-input-row{background:var(--field);border:1px solid var(--field-line)}
.chat-send{background:linear-gradient(180deg,var(--acc-top,var(--accent)),var(--accent) 55%,var(--acc-bot,var(--accent)))}
#counsel .chat-bubble.user{background:var(--counsel-bubble-bg);color:var(--counsel-bubble-ink)} /* 2026-10-16: 버튼과 구별되게 옅은 면 + 진한 글씨, 광택 없음 */
/* 1:1 감정 고른 버튼 (2026-10-15 사용자 결정): 근거 결과 종류 버튼(전체·운세·사주·테마)은 황금색, 상담 주제 등 나머지는 다른 화면과 같은 옅은 회색 */
#counsel .chat-pill[aria-pressed="true"]{background:var(--pick);color:var(--pick-ink);border-color:var(--pick);font-weight:600}