:root{--color-white:#fff;--bg-overlay:#0f172a99;--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:calc(var(--spacing-xl) * 2.25);--layout-sidebar-width:400px;--layout-panel-width:400px;--layout-nav-width:60px;--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-xs:4px;--spacing-sm:8px;--spacing-md:16px;--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:#1d4ed8;--color-lh-bg:#dbeafe;--color-sh:#e11d48;--color-sh-bg:#ffe4e6;--color-gh:#4338ca;--color-gh-bg:#e0e7ff;--color-hug:#0f766e;--color-hug-bg:#ccfbf1;--color-gold:var(--color-gold);--color-up:#e11d48;--color-down:#0284c7;--bg-light-gray:#f1f3f5;--text-gray-dark:#6b7280;--color-warning-bg:#fef3c7;--color-warning-text:#d97706}*{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:calc(var(--spacing-sm) * .75);height:calc(var(--spacing-sm) * .75)}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:calc(var(--radius-sm) * .75)}::-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:calc(var(--spacing-xs) * .75) calc(var(--spacing-sm) * .75);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)}.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);border:calc(var(--spacing-xs) * .5) solid var(--color-white);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), background-color var(--transition-fast);background:tomato;justify-content:center;align-items:center;display:flex}.custom-marker:hover .marker-pin{z-index:var(--z-index-base);transform:scale(1.15)}.custom-marker.active .marker-pin{background:var(--color-sh);z-index:calc(var(--z-index-base) + 10);transform:scale(1.4)}.marker-pin svg{display:block}.window-hole{fill:tomato;transition:fill var(--transition-fast)}.custom-marker.active .window-hole{fill:var(--color-sh)}.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:calc(var(--spacing-md) * .75)}.popup-btn{text-align:center;background-color:var(--primary);width:100%;padding:var(--spacing-sm) calc(var(--spacing-md) * .75);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)}