/* 통일 레이어 (2026-11-11): 버튼 색·선택 상태·누름 효과를 한 규칙으로 맞춘다. 마지막에 불러온다. */
:root{
  --accent-ink:#8A5A1E;--emerald:#8A5A1E;--teal:#B07A35;
  --ui-glass:rgba(255,253,249,.72);--ui-glass-edge:rgba(255,255,255,.9);
  --ui-glass-shadow:0 8px 28px rgba(74,53,43,.10),inset 0 1px 0 #fff;
  --ui-on-bg:rgba(255,255,255,.94);--ui-on-ring:inset 0 0 0 1px rgba(232,185,100,.45);
  --ui-on-shadow:0 2px 10px rgba(138,90,30,.12);
  --ui-btn-bg:rgba(255,253,249,.78);--ui-btn-line:rgba(74,53,43,.12);
}

/* 위 탭(나의 운명·앞으로 10년·이번 주)을 하단 바와 같은 반투명 유리로 */
.res-nav{background:var(--ui-glass)!important;border:1px solid var(--ui-glass-edge)!important;box-shadow:var(--ui-glass-shadow)!important;backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);border-radius:23px!important;padding:4px 6px!important}
.res-tabs{background:transparent!important;border:0!important;padding:0!important}
.res-tabs button,.bottom-nav button{color:var(--muted)!important;font-weight:600}

/* 선택 상태: 위·아래·주제 버튼 모두 같은 흰 알약 + 금색 테 */
.bottom-nav button[aria-current=page],
.res-tabs button[aria-selected=true],
.romance-tabs button[aria-selected=true],
.res-topics button[aria-selected=true]{background:var(--ui-on-bg)!important;color:var(--gold-ink)!important;box-shadow:var(--ui-on-shadow),var(--ui-on-ring)!important;border-color:transparent!important}

/* 누를 때: 살짝 투명해지고 작아짐 */
:is(.bottom-nav button,.res-tabs button,.romance-tabs button,.res-topics button,.top-icon,.cmp-load,.cmp-del,.cmp-askshare,.to-report){transition:background .18s ease,box-shadow .18s ease,transform .12s ease,opacity .12s ease;-webkit-tap-highlight-color:transparent}
:is(.bottom-nav button,.res-tabs button,.romance-tabs button,.res-topics button,.top-icon,.cmp-load,.cmp-del,.cmp-askshare,.to-report):active{opacity:.7;transform:scale(.97)}

/* 보조 버튼(공유해서 입력 요청하기, 저장한 상대, 삭제): 청록 대신 갈색 계열 */
.cmp-askshare,.cmp-load,.cmp-del{background:var(--ui-btn-bg)!important;border:1px solid var(--ui-btn-line)!important;color:var(--fg)!important;border-radius:16px!important;box-shadow:0 1px 0 #fff inset}
.cmp-askshare{color:var(--gold-ink)!important;font-weight:600}
.cmp-load b{color:var(--fg)!important}
.cmp-load small{color:var(--muted)!important}
.cmp-del{color:var(--muted)!important;font-size:14px}
.cmp-load[disabled]{opacity:.5}
.cmp-saved-h{color:var(--muted);font-size:13px;font-weight:600}

/* 주제 칩·카드 글자색은 선택일 때만 금색 */
.res-topics button,.romance-tabs button{color:var(--fg)!important}
.romance-tabs button{font-weight:600}

/* 체크박스·라디오도 같은 색 */
input[type=checkbox],input[type=radio]{accent-color:var(--gold-ink)}

@media(prefers-reduced-transparency:reduce){.res-nav{background:#fffaf4!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
@media(prefers-reduced-motion:reduce){:is(.bottom-nav button,.res-tabs button,.res-topics button):active{transform:none}}

/* 2026-11-12: 첫 화면(랜딩) 가독성 + 상단 바 캐릭터 숨김 */
body:not(.app-entered) #brandbar .brandbar-mark,body.fresh:not(.app-entered) .brandbar-mark{display:none!important}
#landing h1#landing-title.landing-headline{font-size:clamp(28px,8.4cqw,42px)!important;line-height:1.32!important;white-space:normal!important;text-wrap:balance;color:#3E2A20!important;letter-spacing:-.03em!important;word-break:keep-all!important}
#landing .landing-title-accent{color:#A8641E!important}
#landing p.landing-lead.landing-one{font-size:clamp(16px,4.6cqw,19px)!important;line-height:1.75!important;color:#4A352B!important;font-weight:500!important;word-break:keep-all!important}
/* 2026-11-12: '나의 운명' 탭 습관 | 장소 두 칸, 장소 더보기는 #tab-places 페이지 */
.habit-split{display:grid;grid-template-columns:1fr 1fr;gap:0}
.habit-split>section{min-width:0;padding:0 20px}.habit-split>section:first-child{padding-left:0;border-right:1px solid var(--line2)}.habit-split>section:last-child{padding-right:0}
.home-places-mini .place-when{display:block;font-size:12.5px;color:var(--gold-ink);font-weight:600;margin-bottom:2px}
.home-places-mini b{display:block}.home-places-mini small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.places-more{display:block;width:100%;min-height:44px;margin:14px 0 0;padding:10px;border-radius:12px;border:1px solid var(--gold-ink);background:var(--panel);color:var(--gold-ink);font:700 14px/1.5 var(--body);cursor:pointer}
.places-back{background:none!important;border:0!important;box-shadow:none!important;color:var(--gold-ink)!important;font:600 14px var(--body);padding:4px 0!important;margin:0 0 10px;width:auto!important;min-height:0!important;cursor:pointer}
@media(max-width:620px){.habit-split{grid-template-columns:1fr}.habit-split>section{padding:0!important;border:0!important}.habit-split>section+section{margin-top:22px;padding-top:22px!important;border-top:1px solid var(--line2)!important}}
.places-week p{font-size:15px;line-height:1.75;margin:0 0 8px;word-break:keep-all}.places-week .places-sub{font-size:13px;color:var(--muted)}


/* 2026-11-12: 습관|장소 두 칸 위쪽 선은 하나만 */
#tab-natal .habit-split{border-top:1px solid var(--line);padding-top:6px;margin-top:8px}
#tab-natal .habit-split .res-h{border:0!important;padding-top:0!important;margin-top:14px!important}
@media(max-width:620px){#tab-natal .habit-split>section+section{margin-top:18px!important;padding-top:4px!important}}
/* 장소 페이지(전체 화면) */
#tab-places.places-page{position:fixed;inset:0;z-index:60;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--bg,#FFF9F4);padding:72px max(16px,calc(50vw - 380px)) 110px;margin:0!important}
#tab-places.places-page .places-tab{margin:0!important;padding:0!important;border:0;background:transparent}

/* 2026-11-12: 출생지 '지도로 보기' 제거(검색·드롭다운만) */
#mapBtn,#mapbox{display:none!important}