@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css";*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overscroll-behavior:none}body{font-family:Pretendard,Pretendard Variable,-apple-system,BlinkMacSystemFont,system-ui,Apple SD Gothic Neo,Noto Sans KR,sans-serif;background:#fafafa;color:#0a0a0a;min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"tnum";letter-spacing:-.01em;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;overscroll-behavior:none;overflow-x:clip;touch-action:manipulation}a,button,[role=button],input[type=button],input[type=submit],input[type=checkbox],input[type=radio],select,label{-webkit-tap-highlight-color:transparent;touch-action:manipulation}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}:root{--brand: #0066FF;--brand-600: #0052CC;--brand-700: #003D99;--brand-50: #EAF2FF;--brand-100: #D6E4FF;--accent: #FF5C5C;--accent-50: #FFEDED;--success: #00B377;--success-50: #E6F7F0;--warn: #F59E0B;--warn-50: #FEF3DD;--danger: #EF4444;--danger-50: #FEE7E7;--bg: #FAFAFA;--bg-elev: #FFFFFF;--surface: #FFFFFF;--surface-2: #F5F6F8;--surface-3: #EFF1F4;--text: #0A0A0A;--text-2: #404045;--text-3: #71717A;--text-4: #A1A1AA;--text-on: #FFFFFF;--border: #EAECEF;--border-2: #DDE0E5;--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-full: 9999px;--radius-sm: var(--r-sm);--radius-md: var(--r-md);--radius-lg: var(--r-lg);--sh-1: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .03);--sh-2: 0 4px 12px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .04);--sh-3: 0 10px 30px rgba(15, 23, 42, .08), 0 4px 12px rgba(15, 23, 42, .05);--sh-4: 0 20px 50px rgba(15, 23, 42, .12), 0 8px 20px rgba(15, 23, 42, .06);--sh-brand: 0 8px 24px rgba(0, 102, 255, .25);--sa-top: env(safe-area-inset-top, 0px);--sa-bottom: env(safe-area-inset-bottom, 0px);--sa-left: env(safe-area-inset-left, 0px);--sa-right: env(safe-area-inset-right, 0px);--app-h-header: 56px;--app-h-bottom-nav: 64px;--tap-min: 44px;--press-scale: .97;--easing-spring: cubic-bezier(.34, 1.56, .64, 1);--blue: #0066FF;--blue-light: #EAF2FF;--blue-dark: #003D99;--teal: #00B377;--teal-light: #E6F7F0;--amber: #F59E0B;--amber-light:#FEF3DD;--red: #EF4444;--gray-50: #FAFAFA;--gray-100: #F5F6F8;--gray-200: #EAECEF;--gray-500: #71717A;--gray-700: #404045;--gray-900: #0A0A0A}body.is-native footer{display:none!important}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}input::placeholder,textarea::placeholder{color:var(--text-4)}button:focus,a:focus,input:focus,select:focus,textarea:focus{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--brand);outline-offset:2px}::selection{background:var(--brand-100);color:var(--brand-700)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:6px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#a1a1aa;background-clip:padding-box;border:2px solid transparent}.scroll-hide::-webkit-scrollbar{display:none}.scroll-hide{-ms-overflow-style:none;scrollbar-width:none}.ui-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--sh-1);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.ui-card-hover:hover{transform:translateY(-2px);box-shadow:var(--sh-3);border-color:var(--border-2)}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:var(--r-sm);font-size:15px;font-weight:600;cursor:pointer;transition:transform .12s ease,background .15s ease,box-shadow .15s ease;letter-spacing:-.01em}.ui-btn:active{transform:scale(.98)}.ui-btn-primary{background:var(--brand);color:var(--text-on);box-shadow:var(--sh-1)}.ui-btn-primary:hover{background:var(--brand-600);box-shadow:var(--sh-brand)}.ui-btn-secondary{background:var(--surface-2);color:var(--text)}.ui-btn-secondary:hover{background:var(--surface-3)}.ui-btn-ghost{background:transparent;color:var(--text-2)}.ui-btn-ghost:hover{background:var(--surface-2)}.ui-btn-lg{padding:14px 24px;font-size:16px;border-radius:var(--r-md)}.ui-btn-sm{padding:8px 14px;font-size:13px}.ui-btn-block{width:100%}.ui-input{width:100%;padding:13px 16px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-sm);font-size:15px;color:var(--text);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.ui-input:hover{border-color:var(--border-2)}.ui-input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-50)}.ui-chip{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:var(--surface-2);color:var(--text-2);border-radius:var(--r-full);font-size:12px;font-weight:500;border:1px solid transparent}.ui-chip-active{background:var(--brand-50);color:var(--brand-700);border-color:var(--brand-100)}.ui-section-title{font-size:20px;font-weight:800;color:var(--text);letter-spacing:-.02em;margin-bottom:4px}.ui-section-sub{font-size:13px;color:var(--text-3);margin-bottom:16px}.ui-container{max-width:960px;margin:0 auto;padding:0 20px}@keyframes ui-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.ui-skeleton{background:linear-gradient(90deg,var(--surface-2) 0%,var(--surface-3) 50%,var(--surface-2) 100%);background-size:200% 100%;animation:ui-shimmer 1.4s ease-in-out infinite;border-radius:var(--r-sm)}@keyframes ui-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ui-fade-in{animation:ui-fade-in .4s ease both}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skeleton-card{background:linear-gradient(90deg,#f5f6f8,#eaecef,#f5f6f8);background-size:200% 100%;animation:ui-shimmer 1.4s ease-in-out infinite;border-radius:var(--r-md)}@keyframes noticePulse{0%{box-shadow:0 0 #ef44448c}70%{box-shadow:0 0 0 7px #ef444400}to{box-shadow:0 0 #ef444400}}@media (prefers-reduced-motion: reduce){[style*=noticePulse]{animation:none!important}}@keyframes ui-pulse{0%,to{opacity:1}50%{opacity:.55}}.ui-pulse{animation:ui-pulse 1.6s ease-in-out infinite}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--border);padding-bottom:var(--sa-bottom);z-index:1000;box-shadow:0 -4px 16px #0f172a0f;transform:translateZ(0);will-change:transform}.bottom-nav-spacer{display:none}@media (max-width: 768px){.bottom-nav{display:flex}.bottom-nav-spacer{display:block;height:calc(var(--app-h-bottom-nav) + var(--sa-bottom))}}.app-shell{padding-top:var(--sa-top);padding-left:var(--sa-left);padding-right:var(--sa-right)}.app-page{padding-bottom:calc(var(--app-h-bottom-nav) + var(--sa-bottom) + 12px)}.press{transition:transform .12s var(--easing-spring),opacity .12s ease;-webkit-tap-highlight-color:transparent}.press:active{transform:scale(var(--press-scale))}.tap-target{min-width:var(--tap-min);min-height:var(--tap-min);display:inline-flex;align-items:center;justify-content:center}.chip-rail{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:4px 16px;scrollbar-width:none}.chip-rail::-webkit-scrollbar{display:none}.chip-rail>*{scroll-snap-align:start;flex-shrink:0}.app-card{background:var(--surface);border-radius:18px;box-shadow:var(--sh-2);overflow:hidden}.segmented{display:inline-flex;background:var(--surface-3);border-radius:10px;padding:3px;gap:2px}.segmented>button{border:none;background:transparent;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;color:var(--text-3);cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.segmented>button[data-active=true]{background:#fff;color:var(--text);box-shadow:0 1px 3px #0f172a14}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-backdrop{position:fixed;inset:0;background:#00000073;z-index:9998;animation:ui-fade-in .18s ease}.sheet{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top-left-radius:20px;border-top-right-radius:20px;padding-bottom:var(--sa-bottom);box-shadow:0 -8px 30px #0000002e;z-index:9999;animation:sheet-up .25s var(--easing-spring);max-height:88dvh;overflow-y:auto}.sheet-handle{width:36px;height:4px;background:#ddd;border-radius:2px;margin:10px auto 6px}@media (max-width: 768px){.ui-container{padding:0 16px}.ui-card{border-radius:16px}.ui-section-title{font-size:18px}}.home-quick-access{display:none}@media (max-width: 768px){.home-hero{padding:28px 16px 36px!important}.home-hero-inner{padding:0!important}.home-hero-badge{margin-bottom:14px!important;font-size:11px!important;padding:5px 10px!important}.home-hero-title{font-size:26px!important;line-height:1.18!important;margin-bottom:8px!important}.home-hero-sub{font-size:13px!important;margin-bottom:18px!important}.home-search-bar{padding:12px!important;border-radius:18px!important}.home-main{padding:24px 16px 32px!important}.home-quick-access{display:grid!important;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px}.home-stats-row{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;margin-bottom:32px!important}.home-spot-grid{grid-template-columns:1fr!important;gap:14px!important;margin-bottom:32px!important}.home-tab-row{width:100%!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important}.home-tab-row>button{padding:10px 8px!important;font-size:13px!important}.spot-card{border-radius:18px!important}.spot-card:not(:active){transform:none!important}input.ui-input,select.ui-input,textarea.ui-input{font-size:16px}}@media (hover: none){.ui-card:hover,.ui-card-hover:hover{transform:none;box-shadow:var(--sh-1)}}.home-main,.app-page{animation:ui-fade-in .35s ease both}body.is-native{background:#fafafa;-webkit-user-select:none;user-select:none}body.is-native input,body.is-native textarea,body.is-native [contenteditable=true],body.is-native .selectable{-webkit-user-select:text;user-select:text}body.is-native{-webkit-overflow-scrolling:touch}body.is-android{padding-bottom:0}body.is-native a[target=_blank]:after{content:" ↗";font-size:.85em;opacity:.7}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}