*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;color:#2c3e50;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html{overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}#root{width:100%;min-height:100vh}a{color:#4a90e2;text-decoration:none;transition:color .3s ease}a:hover{color:#357abd}button{border:none;background:none;cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}img{max-width:100%;height:auto}@media (max-width: 480px){html{font-size:14px}}.kakao-infowindow .close{display:none!important}.info-window{padding:10px;min-width:150px;position:relative;font-family:inherit}.info-window .title{margin:0 0 5px;color:#333;font-size:14px;font-weight:700}.info-window .depth{margin:0;font-size:12px;color:#666}.info-window .address{margin:5px 0 0;font-size:12px;color:#666}.app-container{min-height:100vh;background:#f8f9fa;width:100%;position:relative}@media (max-width: 768px){.app-container{min-height:100vh;overflow-x:hidden}}.main-content{max-width:1200px;margin:0 auto;padding:24px 20px}@media (max-width: 768px){.main-content{padding:20px 16px}}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}@media (max-width: 1024px){.content-grid{grid-template-columns:1fr;gap:20px}}@media (max-width: 768px){.content-grid{gap:16px}}.left-column{order:1}@media (max-width: 1024px){.left-column{order:2}}.right-column{order:2}@media (max-width: 1024px){.right-column{order:1}}.section-title{color:#2c3e50;font-size:22px;font-weight:700;margin:0 0 20px;display:flex;align-items:center;gap:8px}@media (max-width: 768px){.section-title{font-size:20px;margin-bottom:16px}}.section-title .count-badge{font-size:14px;font-weight:400;color:#7f8c8d}.valley-list{max-height:750px;overflow-y:auto;padding-right:12px;scrollbar-width:thin;scrollbar-color:#4A90E2 rgba(255,255,255,.1);scroll-behavior:smooth}.valley-list::-webkit-scrollbar{width:8px}.valley-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:20px;margin:8px 0}.valley-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4a90e2,#357abd);border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #4a90e24d;transition:all .3s ease}.valley-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#357abd,#2e6ba8);box-shadow:0 4px 12px #4a90e280;transform:scale(1.1)}.valley-list::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#2e6ba8,#255a94);box-shadow:0 2px 6px #4a90e299}.valley-list:not(:hover)::-webkit-scrollbar-thumb{opacity:.6}.valley-list:hover::-webkit-scrollbar-thumb{opacity:1}@media (max-width: 1024px){.valley-list{max-height:500px;overflow-y:auto;padding-right:0;-webkit-overflow-scrolling:touch}.valley-list::-webkit-scrollbar{display:none}}@media (max-width: 768px){.valley-list{max-height:400px;overflow-scrolling:touch}}.no-results{text-align:center;padding:40px;color:#7f8c8d;font-size:16px;background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a}.header{background:#2c3e50;color:#fff;padding:24px 0;box-shadow:0 2px 12px #00000026;position:sticky;top:0;z-index:1000;border-bottom:3px solid #3498db}@media (max-width: 768px){.header{padding:20px 0}}.header-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}@media (max-width: 768px){.header-content{padding:0 16px;flex-direction:column;gap:16px;text-align:center}}.logo-container{display:flex;align-items:center;gap:16px}@media (max-width: 768px){.logo-container{gap:12px}}.logo-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden}.logo-icon img,.logo-icon svg{width:48px;height:48px;border-radius:50%}@media (max-width: 768px){.logo-icon{width:40px;height:40px}.logo-icon img,.logo-icon svg{width:40px;height:40px}}.logo-text{margin:0;font-size:32px;font-weight:800;color:#fff;letter-spacing:-.02em}@media (max-width: 768px){.logo-text{font-size:26px}}@media (max-width: 480px){.logo-text{font-size:22px}}.logo-highlight{color:#3498db;position:relative}.logo-highlight:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:#3498db;border-radius:1px}.subtitle{margin:0;font-size:16px;color:#bdc3c7;font-weight:400;line-height:1.4}@media (max-width: 768px){.subtitle{font-size:14px;max-width:280px;margin:0 auto}}@media (max-width: 480px){.subtitle{font-size:13px}}.feature-badge{display:inline-flex;align-items:center;gap:4px;background:#3498db1a;padding:4px 8px;border-radius:6px;font-size:12px;color:#3498db;font-weight:500;margin-left:8px}@media (max-width: 768px){.feature-badge{margin-left:0;margin-top:4px}}.map-container{width:100%;height:650px;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a;background-color:#f8f9fa;display:flex;align-items:center;justify-content:center}@media (max-width: 1024px){.map-container{height:550px}}@media (max-width: 768px){.map-container{height:450px;border-radius:8px}}.loading-message{color:#666;font-size:14px}:global(.info-window){padding:10px;min-width:150px;position:relative}:global(.info-window) .title{margin:0 0 5px;color:#333;font-size:14px;font-weight:700}:global(.info-window) .depth{margin:0;font-size:12px;color:#666}:global(.info-window) .address{margin:5px 0 0;font-size:12px;color:#666}:global(.kakao-infowindow .close){display:none!important}