/* 생성 파일 — 손으로 고치지 말 것. scripts/build-world-v3-css.mjs가 world/style.css에서 만든다.
   세계의 명산 웹 페이지 전용 리디자인 v3 색(라이트 종이색, 규칙마다 기기 설정·고른 테마 두 벌). 앱 번들은 이 파일을 쓰지 않는다. */
@media (prefers-color-scheme: light) { :root:where(:not([data-theme="dark"])) { --paper: #f4f3ef; --surface: #fcfbf8; --ink: #1b1f1d; --muted: #6a706b; --line: #dedcd5; --forest: #2f5a80; --orange: #c8641e; --green: #23877a; --shadow: 0 5px 24px #1b1f1d13; color: var(--ink); background: var(--paper); } }
:root:where([data-theme="light"]) { --paper: #f4f3ef; --surface: #fcfbf8; --ink: #1b1f1d; --muted: #6a706b; --line: #dedcd5; --forest: #2f5a80; --orange: #c8641e; --green: #23877a; --shadow: 0 5px 24px #1b1f1d13; color: var(--ink); background: var(--paper); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) button { color: inherit; } }
:where(:root[data-theme="light"]) button { color: inherit; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) button { border: 0; background: none; } }
:where(:root[data-theme="light"]) button { border: 0; background: none; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) button:focus-visible, :where(:root:not([data-theme="dark"])) a:focus-visible, :where(:root:not([data-theme="dark"])) input:focus-visible { outline: 2px solid var(--orange); } }
:where(:root[data-theme="light"]) button:focus-visible, :where(:root[data-theme="light"]) a:focus-visible, :where(:root[data-theme="light"]) input:focus-visible { outline: 2px solid var(--orange); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) a { color: inherit; } }
:where(:root[data-theme="light"]) a { color: inherit; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) button svg, :where(:root:not([data-theme="dark"])) span[data-icon] svg { fill: none; stroke: currentColor; } }
:where(:root[data-theme="light"]) button svg, :where(:root[data-theme="light"]) span[data-icon] svg { fill: none; stroke: currentColor; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) button:hover { background: #e2e0d8; } }
:where(:root[data-theme="light"]) button:hover { background: #e2e0d8; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .skip { background: white; } }
:where(:root[data-theme="light"]) .skip { background: white; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .app-header { border-bottom: 1px solid var(--line); background: var(--surface); } }
:where(:root[data-theme="light"]) .app-header { border-bottom: 1px solid var(--line); background: var(--surface); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .brand small { color: var(--muted); } }
:where(:root[data-theme="light"]) .brand small { color: var(--muted); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .collection-label { color: #a5ada8; } }
:where(:root[data-theme="light"]) .collection-label { color: #a5ada8; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .tiny-dot { background: var(--green); } }
:where(:root[data-theme="light"]) .tiny-dot { background: var(--green); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .collection-count { background: #fbfaf9; border: 1px solid var(--line); } }
:where(:root[data-theme="light"]) .collection-count { background: #fbfaf9; border: 1px solid var(--line); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .private-label { color: #737f78; border-left: 1px solid var(--line); } }
:where(:root[data-theme="light"]) .private-label { color: #737f78; border-left: 1px solid var(--line); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .sidebar { border-right: 1px solid var(--line); background: var(--surface); } }
:where(:root[data-theme="light"]) .sidebar { border-right: 1px solid var(--line); background: var(--surface); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .eyebrow { color: var(--muted); } }
:where(:root[data-theme="light"]) .eyebrow { color: var(--muted); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .mountain-region { color: #525a55; } }
:where(:root[data-theme="light"]) .mountain-region { color: #525a55; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .mountain-heritage .eyebrow { color: var(--forest); } }
:where(:root[data-theme="light"]) .mountain-heritage .eyebrow { color: var(--forest); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .mountain-links a, :where(:root:not([data-theme="dark"])) .mountain-links button { border: 1px solid var(--line); background: #e8e7e1; color: #3d4440; } }
:where(:root[data-theme="light"]) .mountain-links a, :where(:root[data-theme="light"]) .mountain-links button { border: 1px solid var(--line); background: #e8e7e1; color: #3d4440; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .mountain-links a:hover, :where(:root:not([data-theme="dark"])) .mountain-links button:hover { background: #dddbd2; color: #1b1f1d; } }
:where(:root[data-theme="light"]) .mountain-links a:hover, :where(:root[data-theme="light"]) .mountain-links button:hover { background: #dddbd2; color: #1b1f1d; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .english-name { color: var(--muted); } }
:where(:root[data-theme="light"]) .english-name { color: var(--muted); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .summit-height span { color: var(--muted); } }
:where(:root[data-theme="light"]) .summit-height span { color: var(--muted); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .mountain-description { color: #525a55; } }
:where(:root[data-theme="light"]) .mountain-description { color: #525a55; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .route-summary { border-top: 1px solid var(--line); } }
:where(:root[data-theme="light"]) .route-summary { border-top: 1px solid var(--line); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .route-summary .eyebrow { color: #59625d; } }
:where(:root[data-theme="light"]) .route-summary .eyebrow { color: #59625d; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .section-heading span { color: var(--muted); } }
:where(:root[data-theme="light"]) .section-heading span { color: var(--muted); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .stage-caption { color: var(--green); } }
:where(:root[data-theme="light"]) .stage-caption { color: var(--green); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .stage-caption.climb { color: var(--orange); } }
:where(:root[data-theme="light"]) .stage-caption.climb { color: var(--orange); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .stage-caption:before { background: currentColor; } }
:where(:root[data-theme="light"]) .stage-caption:before { background: currentColor; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .waypoint:before { border-left: 1px solid #cbc8bb; } }
:where(:root[data-theme="light"]) .waypoint:before { border-left: 1px solid #cbc8bb; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .waypoint .point-dot { border: 1.5px solid #3c7d72; background: var(--surface); } }
:where(:root[data-theme="light"]) .waypoint .point-dot { border: 1.5px solid #3c7d72; background: var(--surface); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .waypoint .point-dot:after { background: #3c7d72; } }
:where(:root[data-theme="light"]) .waypoint .point-dot:after { background: #3c7d72; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .waypoint[data-kind="base"] .point-dot { background: var(--green); border-color: var(--green); } }
:where(:root[data-theme="light"]) .waypoint[data-kind="base"] .point-dot { background: var(--green); border-color: var(--green); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .waypoint[data-kind="base"] .point-dot:after { background: var(--surface); } }
:where(:root[data-theme="light"]) .waypoint[data-kind="base"] .point-dot:after { background: var(--surface); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .waypoint[data-stage="climb"] .point-dot { border-color: var(--orange); } }
:where(:root[data-theme="light"]) .waypoint[data-stage="climb"] .point-dot { border-color: var(--orange); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .waypoint[data-stage="climb"] .point-dot:after { background: var(--orange); } }
:where(:root[data-theme="light"]) .waypoint[data-stage="climb"] .point-dot:after { background: var(--orange); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .waypoint[data-kind="summit"] .point-dot { background: var(--orange); } }
:where(:root[data-theme="light"]) .waypoint[data-kind="summit"] .point-dot { background: var(--orange); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .waypoint[data-kind="summit"] .point-dot:after { background: var(--surface); } }
:where(:root[data-theme="light"]) .waypoint[data-kind="summit"] .point-dot:after { background: var(--surface); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .point-alt { color: #5b655f; } }
:where(:root[data-theme="light"]) .point-alt { color: #5b655f; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .point-note { color: #48504b; } }
:where(:root[data-theme="light"]) .point-note { color: #48504b; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .waypoint.is-selected { background: #e3e1da; } }
:where(:root[data-theme="light"]) .waypoint.is-selected { background: #e3e1da; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .waypoint .point-chevron { color: #66716b; } }
:where(:root[data-theme="light"]) .waypoint .point-chevron { color: #66716b; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .waypoint.no-coordinate .point-chevron { border: 1px solid #cbc8bb; } }
:where(:root[data-theme="light"]) .waypoint.no-coordinate .point-chevron { border: 1px solid #cbc8bb; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .source-note { border-top: 1px solid var(--line); color: #5e6862; } }
:where(:root[data-theme="light"]) .source-note { border-top: 1px solid var(--line); color: #5e6862; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .source-note details summary { color: #2f5a80; } }
:where(:root[data-theme="light"]) .source-note details summary { color: #2f5a80; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .source-links a { color: #2f5a80; } }
:where(:root[data-theme="light"]) .source-links a { color: #2f5a80; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .sidebar-footer { border-top: 1px solid var(--line); color: var(--muted); background: var(--surface); } }
:where(:root[data-theme="light"]) .sidebar-footer { border-top: 1px solid var(--line); color: var(--muted); background: var(--surface); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-panel { background: #313633; } }
:where(:root[data-theme="light"]) .map-panel { background: #313633; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-navigation { background: #fbfaf9f5; border: 1px solid #dedcd3; box-shadow: var(--shadow); } }
:where(:root[data-theme="light"]) .map-navigation { background: #fbfaf9f5; border: 1px solid #dedcd3; box-shadow: var(--shadow); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-navigation button + button { border-top: 1px solid var(--line); } }
:where(:root[data-theme="light"]) .map-navigation button + button { border-top: 1px solid var(--line); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-status { background: #fcfbf8ee; box-shadow: var(--shadow); color: #a1aaa4; } }
:where(:root[data-theme="light"]) .map-status { background: #fcfbf8ee; box-shadow: var(--shadow); color: #a1aaa4; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-error { background: #fbfaf9ed; } }
:where(:root[data-theme="light"]) .map-error { background: #fbfaf9ed; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-error > span svg { color: #6c7771; } }
:where(:root[data-theme="light"]) .map-error > span svg { color: #6c7771; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-error p { color: #98a19c; } }
:where(:root[data-theme="light"]) .map-error p { color: #98a19c; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-error button { background: var(--forest); color: #171918; } }
:where(:root[data-theme="light"]) .map-error button { background: var(--forest); color: #171918; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .route-legend { background: #fbfaf9ee; box-shadow: var(--shadow); } }
:where(:root[data-theme="light"]) .route-legend { background: #fbfaf9ee; box-shadow: var(--shadow); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .line-swatch { border-top: 2px solid var(--green); } }
:where(:root[data-theme="light"]) .line-swatch { border-top: 2px solid var(--green); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .line-swatch.climb { border-color: var(--orange); } }
:where(:root[data-theme="light"]) .line-swatch.climb { border-color: var(--orange); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .line-swatch.dashed { border-top: 2px dashed #727e77; } }
:where(:root[data-theme="light"]) .line-swatch.dashed { border-top: 2px dashed #727e77; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .legend-schematic { color: #8d9892; } }
:where(:root[data-theme="light"]) .legend-schematic { color: #8d9892; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .elevation-card { background: #fbfaf9f5; border: 1px solid #dedcd3; box-shadow: var(--shadow); } }
:where(:root[data-theme="light"]) .elevation-card { background: #fbfaf9f5; border: 1px solid #dedcd3; box-shadow: var(--shadow); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .elevation-header small { color: #737f78; } }
:where(:root[data-theme="light"]) .elevation-header small { color: #737f78; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .profile-point text { fill: #9ba49f; } }
:where(:root[data-theme="light"]) .profile-point text { fill: #9ba49f; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .profile-point:focus { outline: none; } }
:where(:root[data-theme="light"]) .profile-point:focus { outline: none; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .profile-axis { fill: #67726c; } }
:where(:root[data-theme="light"]) .profile-axis { fill: #67726c; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .profile-guide { stroke: #dedcd3; } }
:where(:root[data-theme="light"]) .profile-guide { stroke: #dedcd3; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .point-card { background: #fcfbf8ee; border: 1px solid #dedcd3; box-shadow: var(--shadow); } }
:where(:root[data-theme="light"]) .point-card { background: #fcfbf8ee; border: 1px solid #dedcd3; box-shadow: var(--shadow); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .point-card .point-height { color: var(--orange); } }
:where(:root[data-theme="light"]) .point-card .point-height { color: var(--orange); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .point-card p { color: #9ca6a0; } }
:where(:root[data-theme="light"]) .point-card p { color: #9ca6a0; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .maplibregl-ctrl-attrib { background: #fcfbf8c9 !important; } }
:where(:root[data-theme="light"]) .maplibregl-ctrl-attrib { background: #fcfbf8c9 !important; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .maplibregl-ctrl-scale { border-color: #aeb6b1 !important; color: #aeb6b1 !important; background: #fcfbf88c !important; } }
:where(:root[data-theme="light"]) .maplibregl-ctrl-scale { border-color: #aeb6b1 !important; color: #aeb6b1 !important; background: #fcfbf88c !important; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .maplibregl-popup-content { background: var(--surface); color: var(--ink); box-shadow: var(--shadow); } }
:where(:root[data-theme="light"]) .maplibregl-popup-content { background: var(--surface); color: var(--ink); box-shadow: var(--shadow); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-marker:hover { background: transparent; } }
:where(:root[data-theme="light"]) .map-marker:hover { background: transparent; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-marker .marker-symbol { border: 2px solid white; background: var(--green); box-shadow: 0 1px 5px #1b1f1d13; } }
:where(:root[data-theme="light"]) .map-marker .marker-symbol { border: 2px solid white; background: var(--green); box-shadow: 0 1px 5px #1b1f1d13; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-marker[data-stage="climb"] .marker-symbol { background: var(--orange); } }
:where(:root[data-theme="light"]) .map-marker[data-stage="climb"] .marker-symbol { background: var(--orange); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-marker[data-kind="summit"] .marker-symbol { background: var(--orange); } }
:where(:root[data-theme="light"]) .map-marker[data-kind="summit"] .marker-symbol { background: var(--orange); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-marker[data-kind="base"] .marker-symbol { background: #c6c2b3; } }
:where(:root[data-theme="light"]) .map-marker[data-kind="base"] .marker-symbol { background: #c6c2b3; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .marker-label { background: #fcfbf8e8; box-shadow: var(--shadow); } }
:where(:root[data-theme="light"]) .marker-label { background: #fcfbf8e8; box-shadow: var(--shadow); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-marker.selected .marker-symbol { outline: 4px solid #dedcd388; } }
:where(:root[data-theme="light"]) .map-marker.selected .marker-symbol { outline: 4px solid #dedcd388; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-marker.selected .marker-label { background: var(--forest); color: white; } }
:where(:root[data-theme="light"]) .map-marker.selected .marker-label { background: var(--forest); color: white; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) dialog { border: 1px solid #d1cec2; background: var(--surface); color: var(--ink); box-shadow: 0 20px 100px #1b1f1d24; } }
:where(:root[data-theme="light"]) dialog { border: 1px solid #d1cec2; background: var(--surface); color: var(--ink); box-shadow: 0 20px 100px #1b1f1d24; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) dialog::backdrop { background: #f2f1eea6; } }
:where(:root[data-theme="light"]) dialog::backdrop { background: #f2f1eea6; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .dialog-head p { color: var(--muted); } }
:where(:root[data-theme="light"]) .dialog-head p { color: var(--muted); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .search { background: #ecebe6; border: 1px solid var(--line); } }
:where(:root[data-theme="light"]) .search { background: #ecebe6; border: 1px solid var(--line); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .search svg { color: #535c57; } }
:where(:root[data-theme="light"]) .search svg { color: #535c57; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .search input { background: none; border: 0; outline: none; color: var(--ink); } }
:where(:root[data-theme="light"]) .search input { background: none; border: 0; outline: none; color: var(--ink); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .search kbd { border: 1px solid #cac6b8; color: #515954; } }
:where(:root[data-theme="light"]) .search kbd { border: 1px solid #cac6b8; color: #515954; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .catalog-filters button { color: #515954; } }
:where(:root[data-theme="light"]) .catalog-filters button { color: #515954; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .catalog-filters button.active { background: var(--forest); color: white; } }
:where(:root[data-theme="light"]) .catalog-filters button.active { background: var(--forest); color: white; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .mountain-option { border-bottom: 1px solid #d6d4c9; } }
:where(:root[data-theme="light"]) .mountain-option { border-bottom: 1px solid #d6d4c9; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .mountain-option.current { background: #e0ded6; } }
:where(:root[data-theme="light"]) .mountain-option.current { background: #e0ded6; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .mountain-option .list-rank { color: #6b7770; } }
:where(:root[data-theme="light"]) .mountain-option .list-rank { color: #6b7770; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .mountain-option .list-english { color: #57605b; } }
:where(:root[data-theme="light"]) .mountain-option .list-english { color: #57605b; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .mountain-option .list-alt small { color: #57605b; } }
:where(:root[data-theme="light"]) .mountain-option .list-alt small { color: #57605b; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .catalog-footer { color: #5e6862; border-top: 1px solid var(--line); } }
:where(:root[data-theme="light"]) .catalog-footer { color: #5e6862; border-top: 1px solid var(--line); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .empty-result { color: var(--muted); } }
:where(:root[data-theme="light"]) .empty-result { color: var(--muted); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .about-dialog p { color: #4b524e; } }
:where(:root[data-theme="light"]) .about-dialog p { color: #4b524e; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .mountain-info-head { background: var(--surface); border-bottom: 1px solid var(--line); } }
:where(:root[data-theme="light"]) .mountain-info-head { background: var(--surface); border-bottom: 1px solid var(--line); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .mountain-info-body { color: #49514d; } }
:where(:root[data-theme="light"]) .mountain-info-body { color: #49514d; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .mountain-info-intro { color: #303532; } }
:where(:root[data-theme="light"]) .mountain-info-intro { color: #303532; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .mountain-info-facts dt { color: var(--muted); } }
:where(:root[data-theme="light"]) .mountain-info-facts dt { color: var(--muted); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .mountain-info-facts dd { color: #272b29; } }
:where(:root[data-theme="light"]) .mountain-info-facts dd { color: #272b29; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .first-ascent-names { color: #49514d; } }
:where(:root[data-theme="light"]) .first-ascent-names { color: #49514d; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .mountain-info-body h3 { color: #272b29; } }
:where(:root[data-theme="light"]) .mountain-info-body h3 { color: #272b29; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .mountain-info-note { background: #eae8e3; } }
:where(:root[data-theme="light"]) .mountain-info-note { background: #eae8e3; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .mountain-info-note strong { color: #373d3a; } }
:where(:root[data-theme="light"]) .mountain-info-note strong { color: #373d3a; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .mountain-info-context { border-top: 1px solid var(--line); } }
:where(:root[data-theme="light"]) .mountain-info-context { border-top: 1px solid var(--line); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .mountain-info-sources { border-top: 1px solid var(--line); color: var(--muted); } }
:where(:root[data-theme="light"]) .mountain-info-sources { border-top: 1px solid var(--line); color: var(--muted); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .detail-loading { color: var(--muted); } }
:where(:root[data-theme="light"]) .detail-loading { color: var(--muted); }
@media (prefers-color-scheme: light) and (max-width: 760px) { :where(:root:not([data-theme="dark"])) .sidebar { box-shadow: 0 -10px 40px #1b1f1d0a; } }
@media (max-width: 760px) { :where(:root[data-theme="light"]) .sidebar { box-shadow: 0 -10px 40px #1b1f1d0a; } }
@media (prefers-color-scheme: light) and (max-width: 760px) { :where(:root:not([data-theme="dark"])) .mobile-info-toggle { border: 1px solid #dedcd377; background: var(--forest); color: white; box-shadow: 0 3px 10px #1b1f1d0a; } }
@media (max-width: 760px) { :where(:root[data-theme="light"]) .mobile-info-toggle { border: 1px solid #dedcd377; background: var(--forest); color: white; box-shadow: 0 3px 10px #1b1f1d0a; } }
@media (prefers-color-scheme: light) and (max-width: 760px) { :where(:root:not([data-theme="dark"])) .mobile-info-toggle:hover { background: #c7c3b5; } }
@media (max-width: 760px) { :where(:root[data-theme="light"]) .mobile-info-toggle:hover { background: #c7c3b5; } }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-panel { --ink: #1b1f1d; --muted: #565f5a; --line: #2f5a8026; --forest: #2f5a80; --green: #23877a; --orange: #c8641e; --shadow: 0 8px 28px #1b1f1d13; background: #fbfbfa; color: var(--ink); } }
:where(:root[data-theme="light"]) .map-panel { --ink: #1b1f1d; --muted: #565f5a; --line: #2f5a8026; --forest: #2f5a80; --green: #23877a; --orange: #c8641e; --shadow: 0 8px 28px #1b1f1d13; background: #fbfbfa; color: var(--ink); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-panel button:hover { background: #dad7cd; } }
:where(:root[data-theme="light"]) .map-panel button:hover { background: #dad7cd; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-navigation, :where(:root:not([data-theme="dark"])) .route-legend, :where(:root:not([data-theme="dark"])) .elevation-card, :where(:root:not([data-theme="dark"])) .point-card { background: #f9f9f7ed; border: 1px solid var(--line); } }
:where(:root[data-theme="light"]) .map-navigation, :where(:root[data-theme="light"]) .route-legend, :where(:root[data-theme="light"]) .elevation-card, :where(:root[data-theme="light"]) .point-card { background: #f9f9f7ed; border: 1px solid var(--line); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-navigation #north small { color: #2f5a80; } }
:where(:root[data-theme="light"]) .map-navigation #north small { color: #2f5a80; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-status { background: #f9f9f7ed; color: #3e4541; } }
:where(:root[data-theme="light"]) .map-status { background: #f9f9f7ed; color: #3e4541; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-error { background: #fafaf8f2; } }
:where(:root[data-theme="light"]) .map-error { background: #fafaf8f2; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-error > span svg { color: #2f5a80; } }
:where(:root[data-theme="light"]) .map-error > span svg { color: #2f5a80; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-error p { color: #474f4a; } }
:where(:root[data-theme="light"]) .map-error p { color: #474f4a; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .legend-schematic { color: #525b56; } }
:where(:root[data-theme="light"]) .legend-schematic { color: #525b56; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .line-swatch.dashed { border-color: #57605a; } }
:where(:root[data-theme="light"]) .line-swatch.dashed { border-color: #57605a; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .elevation-distance { color: #49514d; } }
:where(:root[data-theme="light"]) .elevation-distance { color: #49514d; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .elevation-distance strong { color: #1e211f; } }
:where(:root[data-theme="light"]) .elevation-distance strong { color: #1e211f; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .elevation-distance small { color: #5c6660; } }
:where(:root[data-theme="light"]) .elevation-distance small { color: #5c6660; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .profile-point text { fill: #414844; } }
:where(:root[data-theme="light"]) .profile-point text { fill: #414844; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .profile-axis { fill: #5e6862; } }
:where(:root[data-theme="light"]) .profile-axis { fill: #5e6862; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .profile-guide { stroke: #2f5a8029; } }
:where(:root[data-theme="light"]) .profile-guide { stroke: #2f5a8029; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .point-card p { color: #444b47; } }
:where(:root[data-theme="light"]) .point-card p { color: #444b47; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .point-card .point-height { color: var(--orange); } }
:where(:root[data-theme="light"]) .point-card .point-height { color: var(--orange); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .maplibregl-ctrl-attrib { background: #f8f7f5d9 !important; color: #59625d !important; } }
:where(:root[data-theme="light"]) .maplibregl-ctrl-attrib { background: #f8f7f5d9 !important; color: #59625d !important; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .maplibregl-ctrl-attrib a { color: #444b47 !important; } }
:where(:root[data-theme="light"]) .maplibregl-ctrl-attrib a { color: #444b47 !important; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .maplibregl-ctrl-scale { color: #3f4542 !important; border-color: #5b645f !important; background: #fdfdfcba !important; } }
:where(:root[data-theme="light"]) .maplibregl-ctrl-scale { color: #3f4542 !important; border-color: #5b645f !important; background: #fdfdfcba !important; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-marker .marker-symbol { border-color: #343936; box-shadow: 0 0 12px #1b1f1d26; } }
:where(:root[data-theme="light"]) .map-marker .marker-symbol { border-color: #343936; box-shadow: 0 0 12px #1b1f1d26; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-marker[data-kind="base"] .marker-symbol { background: #23877a; } }
:where(:root[data-theme="light"]) .map-marker[data-kind="base"] .marker-symbol { background: #23877a; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .marker-label { background: #fbfbfaeb; color: #222523; border: 1px solid #2f5a8026; } }
:where(:root[data-theme="light"]) .marker-label { background: #fbfbfaeb; color: #222523; border: 1px solid #2f5a8026; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-marker.selected .marker-label { background: #cecbbe; } }
:where(:root[data-theme="light"]) .map-marker.selected .marker-label { background: #cecbbe; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-marker.selected .marker-symbol { outline-color: #2f5a8055; } }
:where(:root[data-theme="light"]) .map-marker.selected .marker-symbol { outline-color: #2f5a8055; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .mobile-info-toggle { background: #cfccc0; border-color: #2f5a8055; } }
:where(:root[data-theme="light"]) .mobile-info-toggle { background: #cfccc0; border-color: #2f5a8055; }
@media (prefers-color-scheme: light) and (max-width: 760px) { :where(:root:not([data-theme="dark"])) .mobile-info-toggle:hover { background: #bebaa9; } }
@media (max-width: 760px) { :where(:root[data-theme="light"]) .mobile-info-toggle:hover { background: #bebaa9; } }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .search > .ph-bold, :where(:root:not([data-theme="dark"])) .search [data-icon] .ph-bold { color: var(--muted); } }
:where(:root[data-theme="light"]) .search > .ph-bold, :where(:root[data-theme="light"]) .search [data-icon] .ph-bold { color: var(--muted); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-marker.important .marker-symbol { border: 1px solid #2eb3a4; background: #e1dfd7; color: #24cba9; box-shadow: 0 2px 8px #1b1f1d26; } }
:where(:root[data-theme="light"]) .map-marker.important .marker-symbol { border: 1px solid #2eb3a4; background: #e1dfd7; color: #24cba9; box-shadow: 0 2px 8px #1b1f1d26; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-marker[data-kind="summit"] .marker-symbol { background: #d5d2c7; border-color: #d56f26; color: #d56f26; } }
:where(:root[data-theme="light"]) .map-marker[data-kind="summit"] .marker-symbol { background: #d5d2c7; border-color: #d56f26; color: #d56f26; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-marker.other-summit .marker-symbol { border: 1px solid #2f5a80; background: #e9e7e1; color: #2f5a80; } }
:where(:root[data-theme="light"]) .map-marker.other-summit .marker-symbol { border: 1px solid #2f5a80; background: #e9e7e1; color: #2f5a80; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-marker.other-summit .marker-label { color: #373d3a; background: #f9f9f7e8; } }
:where(:root[data-theme="light"]) .map-marker.other-summit .marker-label { color: #373d3a; background: #f9f9f7e8; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-marker.other-summit:hover .marker-symbol { background: #c7c3b4; border-color: #dedcd3; color: white; } }
:where(:root[data-theme="light"]) .map-marker.other-summit:hover .marker-symbol { background: #c7c3b4; border-color: #dedcd3; color: white; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .peak-leader { background: #2f5a8087; } }
:where(:root[data-theme="light"]) .peak-leader { background: #2f5a8087; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-marker[data-kind="summit"] .peak-leader { background: #d56f2699; } }
:where(:root[data-theme="light"]) .map-marker[data-kind="summit"] .peak-leader { background: #d56f2699; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .sidebar { background: linear-gradient(165deg, #fdfdfc 0%, #fcfbf8 70%); box-shadow: 8px 0 30px #1b1f1d0b; } }
:where(:root[data-theme="light"]) .sidebar { background: linear-gradient(165deg, #fdfdfc 0%, #fcfbf8 70%); box-shadow: 8px 0 30px #1b1f1d0b; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .sidebar-top { border-bottom: 1px solid var(--line); } }
:where(:root[data-theme="light"]) .sidebar-top { border-bottom: 1px solid var(--line); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .sidebar-home > .ph-bold, :where(:root:not([data-theme="dark"])) .sidebar-home [data-icon] .ph-bold { color: #2f5a80; } }
:where(:root[data-theme="light"]) .sidebar-home > .ph-bold, :where(:root[data-theme="light"]) .sidebar-home [data-icon] .ph-bold { color: #2f5a80; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .sidebar-home:hover { background: #e2e0d8; } }
:where(:root[data-theme="light"]) .sidebar-home:hover { background: #e2e0d8; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .sidebar-footer { background: #eae9e4; color: #5e6862; } }
:where(:root[data-theme="light"]) .sidebar-footer { background: #eae9e4; color: #5e6862; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .mountain-detail { scrollbar-color: #c6c2b3 transparent; } }
:where(:root[data-theme="light"]) .mountain-detail { scrollbar-color: #c6c2b3 transparent; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .summit-height strong { color: #1d201e; } }
:where(:root[data-theme="light"]) .summit-height strong { color: #1d201e; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .waypoint:hover { background: #e5e3dc; } }
:where(:root[data-theme="light"]) .waypoint:hover { background: #e5e3dc; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .waypoint .point-dot { background: #fcfbf8; } }
:where(:root[data-theme="light"]) .waypoint .point-dot { background: #fcfbf8; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .waypoint[data-kind="base"] .point-dot:after, :where(:root:not([data-theme="dark"])) .waypoint[data-kind="summit"] .point-dot:after { background: #fcfbf8; } }
:where(:root[data-theme="light"]) .waypoint[data-kind="base"] .point-dot:after, :where(:root[data-theme="light"]) .waypoint[data-kind="summit"] .point-dot:after { background: #fcfbf8; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .home-intro .eyebrow { color: #2f5a80; } }
:where(:root[data-theme="light"]) .home-intro .eyebrow { color: #2f5a80; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .home-intro p { color: #4e5651; } }
:where(:root[data-theme="light"]) .home-intro p { color: #4e5651; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .home-search { border: 1px solid #d8d5cb; color: #484f4b; background: #eae8e3; } }
:where(:root[data-theme="light"]) .home-search { border: 1px solid #d8d5cb; color: #484f4b; background: #eae8e3; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .home-search kbd { border: 1px solid #c6c2b3; color: #66716b; } }
:where(:root[data-theme="light"]) .home-search kbd { border: 1px solid #c6c2b3; color: #66716b; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .home-mountain { border-bottom: 1px solid #2f5a8018; } }
:where(:root[data-theme="light"]) .home-mountain { border-bottom: 1px solid #2f5a8018; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .home-mountain:hover { background: linear-gradient(
    to top,
    #e2e0d84d 0%,
    #e2e0d800 100%
  ); } }
:where(:root[data-theme="light"]) .home-mountain:hover { background: linear-gradient(
    to top,
    #e2e0d84d 0%,
    #e2e0d800 100%
  ); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .home-rank { color: #2f5a80; } }
:where(:root[data-theme="light"]) .home-rank { color: #2f5a80; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .home-name strong { color: #282c2a; } }
:where(:root[data-theme="light"]) .home-name strong { color: #282c2a; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .home-name small { color: #636d67; } }
:where(:root[data-theme="light"]) .home-name small { color: #636d67; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .home-alt { color: #3c433f; } }
:where(:root[data-theme="light"]) .home-alt { color: #3c433f; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .home-alt small { color: #6c7771; } }
:where(:root[data-theme="light"]) .home-alt small { color: #6c7771; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .search input::placeholder { color: #5b655f; } }
:where(:root[data-theme="light"]) .search input::placeholder { color: #5b655f; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .catalog-filters button.active { background: #c8c5b7; color: #222624; } }
:where(:root[data-theme="light"]) .catalog-filters button.active { background: #c8c5b7; color: #222624; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-error button { background: #c8c5b7; } }
:where(:root[data-theme="light"]) .map-error button { background: #c8c5b7; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .skip { background: #e0ded7; } }
:where(:root[data-theme="light"]) .skip { background: #e0ded7; }
@media (prefers-color-scheme: light) and (max-width: 760px) { :where(:root:not([data-theme="dark"])) .sidebar { box-shadow: 0 -14px 45px #1b1f1d26; border-top: 1px solid #c6c2b3; } }
@media (max-width: 760px) { :where(:root[data-theme="light"]) .sidebar { box-shadow: 0 -14px 45px #1b1f1d26; border-top: 1px solid #c6c2b3; } }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .mountain-photo { background: #fcfbf8; } }
:where(:root[data-theme="light"]) .mountain-photo { background: #fcfbf8; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .mountain-photo:after { background: linear-gradient(
    180deg,
    #fcfbf800 26%,
    #fcfbf822 45%,
    #fcfbf8e0 83%,
    #fcfbf8 100%
  ); } }
:where(:root[data-theme="light"]) .mountain-photo:after { background: linear-gradient(
    180deg,
    #fcfbf800 26%,
    #fcfbf822 45%,
    #fcfbf8e0 83%,
    #fcfbf8 100%
  ); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .hero-heading { text-shadow: 0 2px 12px #1b1f1d29; } }
:where(:root[data-theme="light"]) .hero-heading { text-shadow: 0 2px 12px #1b1f1d29; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .hero-heading h1 { color: #1b1e1c; } }
:where(:root[data-theme="light"]) .hero-heading h1 { color: #1b1e1c; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .hero-heading .english-name { color: var(--muted); } }
:where(:root[data-theme="light"]) .hero-heading .english-name { color: var(--muted); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .hero-heading .local-name { color: #454c48; } }
:where(:root[data-theme="light"]) .hero-heading .local-name { color: #454c48; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .photo-source { border-top: 1px solid var(--line); } }
:where(:root[data-theme="light"]) .photo-source { border-top: 1px solid var(--line); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .photo-source h4 { color: #3c423e; } }
:where(:root[data-theme="light"]) .photo-source h4 { color: #3c423e; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .photo-source a { color: #424945; } }
:where(:root[data-theme="light"]) .photo-source a { color: #424945; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-marker .marker-symbol { border: 1px solid #dedcd3; background: #23877a; box-shadow: 0 1px 5px #1b1f1d3d; } }
:where(:root[data-theme="light"]) .map-marker .marker-symbol { border: 1px solid #dedcd3; background: #23877a; box-shadow: 0 1px 5px #1b1f1d3d; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-marker.important .marker-symbol { border: 1.5px solid #dedcd3; background: #23877a; color: #23877a; box-shadow: 0 2px 7px #1b1f1d3d; } }
:where(:root[data-theme="light"]) .map-marker.important .marker-symbol { border: 1.5px solid #dedcd3; background: #23877a; color: #23877a; box-shadow: 0 2px 7px #1b1f1d3d; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-marker[data-kind="base"] .marker-symbol { background: #7258b5; border-color: #dedcd3; color: #7258b5; } }
:where(:root[data-theme="light"]) .map-marker[data-kind="base"] .marker-symbol { background: #7258b5; border-color: #dedcd3; color: #7258b5; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-marker[data-kind="summit"] .marker-symbol, :where(:root:not([data-theme="dark"])) .map-marker.other-summit .marker-symbol { border: 1.5px solid #dc8436; background: #c8641e; color: #c8641e; box-shadow:
    0 0 11px #b25e1f24,
    0 2px 8px #1b1f1d3d; } }
:where(:root[data-theme="light"]) .map-marker[data-kind="summit"] .marker-symbol, :where(:root[data-theme="light"]) .map-marker.other-summit .marker-symbol { border: 1.5px solid #dc8436; background: #c8641e; color: #c8641e; box-shadow:
    0 0 11px #b25e1f24,
    0 2px 8px #1b1f1d3d; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-marker[data-kind="summit"] .marker-symbol { border: 2px solid #dedcd3; background: #ce7024; box-shadow:
    0 0 12px #c871234d,
    0 0 26px #b25e1f2a,
    0 2px 8px #1b1f1d3d; } }
:where(:root[data-theme="light"]) .map-marker[data-kind="summit"] .marker-symbol { border: 2px solid #dedcd3; background: #ce7024; box-shadow:
    0 0 12px #c871234d,
    0 0 26px #b25e1f2a,
    0 2px 8px #1b1f1d3d; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-marker[data-kind="summit"] .marker-symbol:before, :where(:root:not([data-theme="dark"])) .map-marker[data-kind="summit"] .marker-symbol:after { border: 7px solid #da842b; box-shadow: 0 0 8px #c8641e80; } }
:where(:root[data-theme="light"]) .map-marker[data-kind="summit"] .marker-symbol:before, :where(:root[data-theme="light"]) .map-marker[data-kind="summit"] .marker-symbol:after { border: 7px solid #da842b; box-shadow: 0 0 8px #c8641e80; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-marker.other-summit:hover .marker-symbol { background: #d97527; border-color: #dedcd3; box-shadow: 0 0 20px #c46e233b; } }
:where(:root[data-theme="light"]) .map-marker.other-summit:hover .marker-symbol { background: #d97527; border-color: #dedcd3; box-shadow: 0 0 20px #c46e233b; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-marker[data-kind="summit"] .marker-label { color: #2e322f; border-color: #ca732440; } }
:where(:root[data-theme="light"]) .map-marker[data-kind="summit"] .marker-label { color: #2e322f; border-color: #ca732440; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-marker.selected .marker-symbol { outline: 3px solid #dedcd355; } }
:where(:root[data-theme="light"]) .map-marker.selected .marker-symbol { outline: 3px solid #dedcd355; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .waypoint[data-kind="start"] .point-dot, :where(:root:not([data-theme="dark"])) .waypoint[data-kind="base"] .point-dot, :where(:root:not([data-theme="dark"])) .waypoint[data-kind="summit"] .point-dot { background: #23877a; border-color: #30dab9; } }
:where(:root[data-theme="light"]) .waypoint[data-kind="start"] .point-dot, :where(:root[data-theme="light"]) .waypoint[data-kind="base"] .point-dot, :where(:root[data-theme="light"]) .waypoint[data-kind="summit"] .point-dot { background: #23877a; border-color: #30dab9; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .waypoint[data-kind="base"] .point-dot { background: #7258b5; border-color: #dedcd3; } }
:where(:root[data-theme="light"]) .waypoint[data-kind="base"] .point-dot { background: #7258b5; border-color: #dedcd3; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .waypoint[data-kind="summit"] .point-dot { background: #c8641e; border-color: #dc8436; box-shadow: 0 0 8px #b25e1f16; } }
:where(:root[data-theme="light"]) .waypoint[data-kind="summit"] .point-dot { background: #c8641e; border-color: #dc8436; box-shadow: 0 0 8px #b25e1f16; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .point-swatch { background: #c8641e; } }
:where(:root[data-theme="light"]) .point-swatch { background: #c8641e; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .sidebar { background: linear-gradient(165deg, #f9f8f7, #f4f4f1 75%); } }
:where(:root[data-theme="light"]) .sidebar { background: linear-gradient(165deg, #f9f8f7, #f4f4f1 75%); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .is-home .sidebar { background: #fcfbf8; } }
:where(:root[data-theme="light"]) .is-home .sidebar { background: #fcfbf8; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .home-title { color: inherit; } }
:where(:root[data-theme="light"]) .home-title { color: inherit; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .home-title:hover { background: none; } }
:where(:root[data-theme="light"]) .home-title:hover { background: none; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .home-intro p { color: #5d6761; } }
:where(:root[data-theme="light"]) .home-intro p { color: #5d6761; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .home-explore { background: #fcfbf8; border-bottom: 1px solid #dedcd5; } }
:where(:root[data-theme="light"]) .home-explore { background: #fcfbf8; border-bottom: 1px solid #dedcd5; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .home-search input { background: transparent; border: 0; outline: none; color: #1b1f1d; } }
:where(:root[data-theme="light"]) .home-search input { background: transparent; border: 0; outline: none; color: #1b1f1d; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .home-search input:focus-visible { outline: none; } }
:where(:root[data-theme="light"]) .home-search input:focus-visible { outline: none; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .home-search:focus-within { border-color: #2f5a80; } }
:where(:root[data-theme="light"]) .home-search:focus-within { border-color: #2f5a80; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .scope-chips button, :where(:root:not([data-theme="dark"])) .catalog-filters button { color: #5b655f; border: 1px solid #dcdad1; background: #fcfbfa; } }
:where(:root[data-theme="light"]) .scope-chips button, :where(:root[data-theme="light"]) .catalog-filters button { color: #5b655f; border: 1px solid #dcdad1; background: #fcfbfa; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .scope-chips button:hover, :where(:root:not([data-theme="dark"])) .catalog-filters button:hover { background: #e0ded6; color: #292d2b; } }
:where(:root[data-theme="light"]) .scope-chips button:hover, :where(:root[data-theme="light"]) .catalog-filters button:hover { background: #e0ded6; color: #292d2b; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .scope-chips button.active, :where(:root:not([data-theme="dark"])) .catalog-filters button.active { background: #d8d5cb; color: #232624; border-color: #bebaa9; } }
:where(:root[data-theme="light"]) .scope-chips button.active, :where(:root[data-theme="light"]) .catalog-filters button.active { background: #d8d5cb; color: #232624; border-color: #bebaa9; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .results-heading { color: #8d9892; } }
:where(:root[data-theme="light"]) .results-heading { color: #8d9892; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .results-heading span:first-child { color: #434a46; } }
:where(:root[data-theme="light"]) .results-heading span:first-child { color: #434a46; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .country-group h2 { color: #545d58; } }
:where(:root[data-theme="light"]) .country-group h2 { color: #545d58; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .country-group h2 span { color: #949e98; } }
:where(:root[data-theme="light"]) .country-group h2 span { color: #949e98; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .list-photo { background: #eae8e3; } }
:where(:root[data-theme="light"]) .list-photo { background: #eae8e3; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .list-photo.placeholder { color: #67726c; } }
:where(:root[data-theme="light"]) .list-photo.placeholder { color: #67726c; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .catalog-dialog { background: #f8f7f5; } }
:where(:root[data-theme="light"]) .catalog-dialog { background: #f8f7f5; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .route-end-note { color: #383e3a; } }
:where(:root[data-theme="light"]) .route-end-note { color: #383e3a; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .profile-empty { color: #5c6660; } }
:where(:root[data-theme="light"]) .profile-empty { color: #5c6660; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .mountain-detail details > summary > .ph-bold { color: #6a706b; } }
:where(:root[data-theme="light"]) .mountain-detail details > summary > .ph-bold { color: #6a706b; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .mountain-detail details > summary:focus-visible { outline: 2px solid var(--orange); } }
:where(:root[data-theme="light"]) .mountain-detail details > summary:focus-visible { outline: 2px solid var(--orange); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-navigation { background: none; border: 0; box-shadow: none; } }
:where(:root[data-theme="light"]) .map-navigation { background: none; border: 0; box-shadow: none; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-navigation button { color: #373d3a; } }
:where(:root[data-theme="light"]) .map-navigation button { color: #373d3a; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-control-group { background: #f9f9f7ed; border: 1px solid var(--line); box-shadow: var(--shadow); } }
:where(:root[data-theme="light"]) .map-control-group { background: #f9f9f7ed; border: 1px solid var(--line); box-shadow: var(--shadow); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-navigation button.active { background: #d5d3c8; color: #232725; } }
:where(:root[data-theme="light"]) .map-navigation button.active { background: #d5d3c8; color: #232725; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .brand-name { background: linear-gradient(
    110deg,
    #42b19a 5%,
    #3c423e 30%,
    #fbfaf9 42%,
    #633bc7 55%,
    #42b19a 80%
  ); color: transparent; } }
:where(:root[data-theme="light"]) .brand-name { background: linear-gradient(
    110deg,
    #42b19a 5%,
    #3c423e 30%,
    #fbfaf9 42%,
    #633bc7 55%,
    #42b19a 80%
  ); color: transparent; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .map-home { border: 1px solid var(--line); background: #2f5a8026; box-shadow: var(--shadow); color: #2a2f2c; } }
:where(:root[data-theme="light"]) .map-home { border: 1px solid var(--line); background: #2f5a8026; box-shadow: var(--shadow); color: #2a2f2c; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .profile-summary { color: #49514d; } }
:where(:root[data-theme="light"]) .profile-summary { color: #49514d; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .profile-summary strong { color: #1b1f1d; } }
:where(:root[data-theme="light"]) .profile-summary strong { color: #1b1f1d; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .profile-summary small { color: #49514d; } }
:where(:root[data-theme="light"]) .profile-summary small { color: #49514d; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .profile-summary p { color: #5c6660; } }
:where(:root[data-theme="light"]) .profile-summary p { color: #5c6660; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .mountain-info-photo figcaption { color: var(--muted); } }
:where(:root[data-theme="light"]) .mountain-info-photo figcaption { color: var(--muted); }
@media (prefers-color-scheme: light) and (max-width: 760px) { :where(:root:not([data-theme="dark"])) .elevation-card.collapsed > .elevation-header, :where(:root:not([data-theme="dark"])) .map-bottom-panels > .elevation-card.collapsed > .elevation-header { color: #373d3a; } }
@media (max-width: 760px) { :where(:root[data-theme="light"]) .elevation-card.collapsed > .elevation-header, :where(:root[data-theme="light"]) .map-bottom-panels > .elevation-card.collapsed > .elevation-header { color: #373d3a; } }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .search-clear { color: #484f4b; } }
:where(:root[data-theme="light"]) .search-clear { color: #484f4b; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .search-clear:hover { background: #d8d5cb; color: var(--ink); } }
:where(:root[data-theme="light"]) .search-clear:hover { background: #d8d5cb; color: var(--ink); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .live-tag { border: 1px solid #636d6773; color: #636d67; } }
:where(:root[data-theme="light"]) .live-tag { border: 1px solid #636d6773; color: #636d67; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .mountain-option .live-tag { border-color: #57605b73; color: #57605b; } }
:where(:root[data-theme="light"]) .mountain-option .live-tag { border-color: #57605b73; color: #57605b; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .live-cam { border-top: 1px solid var(--line); } }
:where(:root[data-theme="light"]) .live-cam { border-top: 1px solid var(--line); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .live-cam-head .eyebrow { color: #59625d; } }
:where(:root[data-theme="light"]) .live-cam-head .eyebrow { color: #59625d; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .live-cam-dot { background: #59625d; } }
:where(:root[data-theme="light"]) .live-cam-dot { background: #59625d; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .live-cam-tabs button { border: 1px solid var(--line); color: #515954; } }
:where(:root[data-theme="light"]) .live-cam-tabs button { border: 1px solid var(--line); color: #515954; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .live-cam-tabs button.active { border-color: #59625d; color: #59625d; } }
:where(:root[data-theme="light"]) .live-cam-tabs button.active { border-color: #59625d; color: #59625d; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .live-cam-stage { background: #fdfdfc; } }
:where(:root[data-theme="light"]) .live-cam-stage { background: #fdfdfc; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .live-cam-frame { background: #fdfdfc; } }
:where(:root[data-theme="light"]) .live-cam-frame { background: #fdfdfc; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .live-cam-frame img, :where(:root:not([data-theme="dark"])) .live-cam-video video, :where(:root:not([data-theme="dark"])) .live-cam-video iframe { border: 0; } }
:where(:root[data-theme="light"]) .live-cam-frame img, :where(:root[data-theme="light"]) .live-cam-video video, :where(:root[data-theme="light"]) .live-cam-video iframe { border: 0; }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .live-cam-status { color: var(--muted); } }
:where(:root[data-theme="light"]) .live-cam-status { color: var(--muted); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .live-cam-status a, :where(:root:not([data-theme="dark"])) .live-cam-credit a { color: var(--forest); } }
:where(:root[data-theme="light"]) .live-cam-status a, :where(:root[data-theme="light"]) .live-cam-credit a { color: var(--forest); }
@media (prefers-color-scheme: light) { :where(:root:not([data-theme="dark"])) .live-cam-credit { color: #66716b; } }
:where(:root[data-theme="light"]) .live-cam-credit { color: #66716b; }