/* 두 모드가 함께 쓰는 틀. 모드별 색·레이아웃은 painting.css, library.css 에 body[data-mode] 로 나눠 담았다. */
*{box-sizing:border-box}
html,body{margin:0;font-family:Pretendard,system-ui,sans-serif;color:var(--ink);background:var(--bg)}
body{--bg:#e9e5de}
@media (prefers-color-scheme:dark){body{--bg:#1b1916}}
#stage{position:relative;height:100vh;height:100svh;overflow:hidden}
#map{position:absolute;inset:0;background:#e9e5de}
#info:empty{display:none}
#all[hidden]{display:none}
.seg{display:flex;gap:4px;margin:0 0 12px;padding:3px;border-radius:10px;background:var(--line)}
.seg button{flex:1;border:0;background:none;color:var(--sub);font:inherit;font-size:13.5px;font-weight:700;padding:7px 0;border-radius:8px;cursor:pointer}
.seg button.on{background:var(--accent);color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.18)}
/* 근처 검색(두 모드 상세 패널과 함께 보기 카드에서 공통) */
.near{margin:16px 0 4px}
.near h4{margin:0 0 4px;font-size:13px;color:var(--ink)}
.near .nr{display:flex;justify-content:space-between;align-items:baseline;gap:10px;width:100%;text-align:left;border:0;background:none;color:inherit;font:inherit;font-size:13.5px;padding:7px 8px;border-radius:8px;cursor:pointer}
.near .nr:hover{background:var(--accent2)}
.near .nr small{color:var(--sub);font-size:11.5px;white-space:nowrap}
.near .nr.more span{color:var(--accent);font-weight:600}
.near .none{font-size:12.5px;color:var(--sub);padding:2px 8px}