:root{--color-white:#fff;--bg-overlay:#0f172a99;--color-marker-default:tomato;--color-marker-active:maroon;--font-weight-medium:500;--font-weight-extrabold:800;--z-index-bg:0;--z-index-base:10;--z-index-panel:80;--z-index-dropdown:100;--z-index-sticky:120;--z-index-modal:500;--z-index-tooltip:1000;--transition-panel:transform .3s cubic-bezier(.4, 0, .2, 1);--transition-fast-all:all .15s ease;--bg-body:#f5f7f9;--bg-surface:#fff;--bg-surface-hover:#1a56db08;--bg-surface-active:#1a56db0f;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#94a3b8;--primary:#1a56db;--primary-hover:#1e40af;--primary-bg:#eff6ff;--border-light:#e2e8f0;--border-strong:#cbd5e1;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 4px 16px #0000000f, 0 2px 4px #00000008;--shadow-lg:0 10px 24px #00000014, 0 4px 8px #00000008;--font-family:"Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;--header-height:72px;--layout-sidebar-width:380px;--layout-panel-width:500px;--layout-nav-width:calc(var(--spacing-md) * 3.5);--layout-overlay-max:480px;--layout-modal-width:90%;--layout-modal-max-height:80vh;--position-center:50%;--transform-half:-50%;--layout-height-full:100vh;--layout-flex-1:1;--layout-flex-basis-45:1 1 45%;--layout-flex-basis-100:1 1 100%;--spacing-3xs:1px;--spacing-2xs:2px;--spacing-xs:4px;--spacing-6px:6px;--spacing-sm:8px;--spacing-10px:10px;--spacing-12px:12px;--spacing-md:16px;--spacing-20px:20px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:50%;--font-size-xs:.75rem;--font-size-sm:.85rem;--font-size-base:.95rem;--font-size-md:1.05rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--letter-spacing-tight:-.02em;--line-height-tight:1.4;--line-height-base:1.5;--line-height-loose:1.6;--font-weight-regular:400;--font-weight-semibold:600;--font-weight-bold:700;--transition-fast:.15s ease;--transition-normal:.2s cubic-bezier(.4, 0, .2, 1);--brand-blue:#0068ff;--icon-color:#70757a;--icon-hover-color:#242424;--color-lh:#3b82f6;--color-lh-bg:#e6f2ff;--color-sh:#62ba46;--color-sh-bg:#f2faf0;--color-gh:#009bdf;--color-gh-bg:#e6f6ff;--color-hug:#0f766e;--color-hug-bg:#ccfbf1;--color-dday:#ff4d20;--color-dday-bg:#fff0ec;--color-dday-border:#ffded5;--color-private:#d97706;--color-private-bg:#fef3c7;--color-gold:var(--color-gold);--color-up:#e11d48;--color-down:#0284c7;--bg-light-gray:#f1f3f5;--color-warning-bg:#fef3c7;--color-warning-text:#d97706;--color-tomato:tomato;--color-warning-dark:#b45309;--color-brand-naver:#03c75a;--color-brand-naver-hover:#02b34f;--color-brand-kakao:#fee500;--color-brand-kakao-hover:#fada0a;--color-brand-kakao-text:#191919}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-body);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;height:100vh;line-height:1.5;overflow:hidden}::-webkit-scrollbar{width:var(--spacing-sm);height:var(--spacing-sm)}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.app-main{flex:var(--layout-flex-1);height:var(--layout-height-full);display:flex;position:relative;overflow:hidden}.badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.badge-sh{background-color:var(--color-sh-bg);color:var(--color-sh)}.badge-lh{background-color:var(--color-lh-bg);color:var(--color-lh)}.badge-gh{background-color:var(--color-gh-bg);color:var(--color-gh)}.badge-hug{background-color:var(--color-hug-bg);color:var(--color-hug)}.badge-private{background-color:var(--color-private-bg);color:var(--color-private)}.custom-marker{justify-content:center;align-items:center;display:flex;position:relative}.marker-pin{width:var(--spacing-lg);height:var(--spacing-lg);border-radius:var(--radius-full);background:var(--color-marker-default);border:var(--spacing-2xs) solid var(--color-white);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), background-color var(--transition-fast);justify-content:center;align-items:center;display:flex}.custom-marker:hover .marker-pin,.custom-marker.hover .marker-pin{background:var(--color-marker-active);z-index:var(--z-index-base);transform:scale(1.15)}.custom-marker.active .marker-pin{background:var(--color-marker-active);z-index:calc(var(--z-index-base) + 10);transform:scale(1.4)}.custom-marker.bookmarked .marker-pin{background:var(--color-warning-text)}.custom-marker.bookmarked:hover .marker-pin,.custom-marker.bookmarked.hover .marker-pin{background:var(--color-warning-dark);transform:scale(1.15)}.custom-marker.bookmarked.active .marker-pin{background:var(--color-warning-dark);z-index:calc(var(--z-index-base) + 10);transform:scale(1.4)}.marker-pin svg{display:block}.window-hole{fill:var(--color-marker-default);transition:fill var(--transition-fast)}.custom-marker.active .window-hole,.custom-marker:hover .window-hole,.custom-marker.hover .window-hole{fill:var(--color-marker-active)}.popup-title{font-weight:var(--font-weight-bold);font-size:var(--font-size-base);margin-bottom:var(--spacing-xs);color:var(--text-primary)}.popup-address{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-md)}.popup-btn{text-align:center;background-color:var(--primary);width:100%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;border:none;text-decoration:none;display:block;color:var(--color-white)!important}.popup-btn:hover{background-color:var(--primary-hover)}.bookmark-btn{cursor:pointer;padding:calc(var(--spacing-xs) * .75);border-radius:var(--radius-full);color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.bookmark-btn:hover{background-color:var(--bg-surface-active);color:var(--color-warning-text);transform:scale(1.15)}.bookmark-btn.bookmarked{color:var(--color-warning-text)}.color-picker-list{gap:var(--spacing-6px);padding:var(--spacing-2xs) 0;align-items:center;display:flex}.color-picker-item{width:var(--spacing-md);height:var(--spacing-md);border-radius:var(--radius-full);cursor:pointer;border:var(--spacing-2xs) solid transparent;transition:transform var(--transition-fast), border-color var(--transition-fast)}.color-picker-item:hover{transform:scale(1.1)}.color-picker-item.active{border-color:var(--text-primary);transform:scale(1.2)}.conversion-slider{appearance:none;width:100%;height:var(--spacing-xs);border-radius:var(--radius-sm);background:var(--border-strong);cursor:pointer;outline:none}.conversion-slider::-webkit-slider-thumb{appearance:none;width:var(--spacing-md);height:var(--spacing-md);border-radius:var(--radius-full);background:var(--text-secondary);cursor:pointer}.modal-backdrop{background-color:var(--bg-overlay);-webkit-backdrop-filter:blur(var(--spacing-xs));backdrop-filter:blur(var(--spacing-xs));z-index:var(--z-index-tooltip);pointer-events:auto;justify-content:center;align-items:center;animation:.2s ease-out modal-fadeIn-anim;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-surface);border:var(--spacing-3xs) solid var(--border-light);border-radius:var(--radius-lg);width:var(--layout-modal-width);max-width:var(--layout-overlay-max);max-height:var(--layout-modal-max-height);box-shadow:var(--shadow-lg);flex-direction:column;animation:.2s cubic-bezier(.16,1,.3,1) modal-zoomIn-anim;display:flex;overflow:hidden}@keyframes modal-fadeIn-anim{0%{opacity:0}to{opacity:1}}@keyframes modal-zoomIn-anim{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}table:not([class*=comparison-table]):not([class*=unit-table]){border-collapse:collapse;width:100%;font-size:var(--font-size-sm);border:var(--spacing-3xs) solid var(--border-light);margin-top:var(--spacing-sm);background-color:var(--bg-surface)}table:not([class*=comparison-table]):not([class*=unit-table]) th{background-color:var(--bg-body);color:var(--text-primary);font-weight:var(--font-weight-bold);padding:var(--spacing-sm) var(--spacing-md);border-bottom:var(--spacing-2xs) solid var(--border-light);border-right:var(--spacing-3xs) solid var(--border-light)}table:not([class*=comparison-table]):not([class*=unit-table]) td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:var(--spacing-3xs) solid var(--border-light);border-right:var(--spacing-3xs) solid var(--border-light);color:var(--text-secondary);line-height:var(--line-height-base);vertical-align:middle}table:not([class*=comparison-table]):not([class*=unit-table]) th:last-child,table:not([class*=comparison-table]):not([class*=unit-table]) td:last-child{border-right:none}table:not([class*=comparison-table]):not([class*=unit-table]) tr:last-child td{border-bottom:none}.btn-outline-primary-mini{align-items:center;gap:var(--spacing-xs);background-color:var(--primary-bg);color:var(--primary);border:var(--spacing-3xs) solid var(--primary);padding:var(--spacing-6px) var(--spacing-12px);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-fast-all);display:inline-flex}.btn-outline-primary-mini:hover{background-color:var(--primary);color:var(--color-white);border-color:var(--primary)}.btn-outline-primary-mini.active{background-color:var(--primary);color:var(--color-white)}@media (max-width:768px){:root{--layout-height-full:100dvh}body,.app-container{height:100dvh!important}.modal-content{width:88%!important;max-width:420px!important;max-height:65dvh!important;margin:auto!important}}body.dark{--bg-body:#0f172a;--bg-surface:#1e293b;--bg-surface-hover:#33415580;--bg-surface-active:#334155cc;--bg-light-gray:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--primary:#3b82f6;--primary-hover:#60a5fa;--primary-bg:#3b82f633;--border-light:#334155;--border-strong:#475569;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 10px 24px #00000080;--color-sh-bg:#62ba4638;--color-lh-bg:#0055a247;--color-gh-bg:#009bdf40;--color-hug-bg:#0f766e47;--color-private-bg:#d9770640;--color-dday-bg:#ff4d2038;--color-dday-border:#ff4d2073;--color-dday:#ff7a5c;--color-warning-bg:#f59e0b38;--color-warning-text:#facc15;background-color:var(--bg-body);color:var(--text-primary)}body.dark [class*=filter-tab-btn]{color:#cbd5e1;background-color:#334155;border-color:#475569}body.dark [class*=filter-tab-btn]:not(:disabled):hover{color:#60a5fa;background-color:#3b82f640;border-color:#60a5fa}body.dark [class*=filter-tab-btn].active{color:#f8fafc;background-color:#3b82f64d;border-color:#60a5fa}body.dark [class*=detail-link-btn],body.dark [class*=docBtn]{color:#cbd5e1;background-color:#334155;border-color:#475569}body.dark [class*=detail-link-btn]:hover,body.dark [class*=docBtn]:hover{color:#60a5fa;background-color:#3b82f640;border-color:#60a5fa}body.dark [class*=map-container],body.dark [class*=map-canvas],body.dark #map{filter:invert(88%)hue-rotate(180deg)contrast(120%)brightness(102%)saturate(90%)}body.dark [class*=map-container] [class*=custom-marker],body.dark [class*=map-canvas] [class*=custom-marker],body.dark #map [class*=custom-marker],body.dark .custom-marker{filter:invert()hue-rotate(180deg)brightness(110%)}