:root{--sab:env(safe-area-inset-bottom,0px)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9f9f9;margin:0;font-family:Pretendard,sans-serif;font-size:16px;line-height:1.5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.skip-link{color:#fff;z-index:100;background:#000;padding:8px;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{color:#0f172a;letter-spacing:-.15px;-webkit-font-smoothing:antialiased;background:#f8faff;font-family:Pretendard,sans-serif;font-size:15px;line-height:1.55}h1,h2,h3{letter-spacing:-.3px;font-family:Pretendard,sans-serif;line-height:1.25}.title-xl{font-size:24px;font-weight:700}.title-lg{font-size:22px;font-weight:700}.title-md{font-size:18px;font-weight:700}.title-sm{font-size:16px;font-weight:700}.body-lg{font-size:16px;font-weight:400}p,.body-md{font-size:15px;font-weight:400}.body-sm{font-size:14px;font-weight:400}.label-lg{font-size:14px;font-weight:600}.label-md{font-size:13px;font-weight:600}.label-sm{letter-spacing:.2px;font-size:11px;font-weight:700}.label-xs{letter-spacing:.5px;text-transform:uppercase;font-size:10px;font-weight:700}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:#f8faff}body,body.home-scroll-enabled{overflow:hidden auto}a{color:inherit;text-decoration:none}button,select,textarea{-webkit-tap-highlight-color:transparent;touch-action:manipulation;background-color:#0000;border:0}button:focus,select:focus,textarea:focus{box-shadow:none;outline:none}ul,ol{padding-left:0;list-style:none}input{color:#0f172a;background:#f0f4ff;border:1.5px solid #00000017;border-radius:20px;width:100%;padding:11px 14px;font-family:Pretendard,sans-serif;font-size:14px;transition:border-color .16s,box-shadow .16s}input:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb17}input::placeholder{color:#94a3b8}.text-hot{color:#c41c1c}.tag{cursor:pointer;color:#475569;background:#fff;border:1.5px solid #00000017;border-radius:9999px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .16s;box-shadow:0 1px 2px #0000000d}.tag:hover{color:#2563eb;border-color:#2563eb}.tag.selected{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 3px 14px #2563eb47}.page-container{height:100%;padding:0;overflow-y:auto}.App .Contents{padding-left:72px}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes panelIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.info-panel{animation:.24s cubic-bezier(.16,1,.3,1) both panelIn}@keyframes img-shimmer{0%{background-position:-200%}to{background-position:200%}}.optimized-image--loading{color:#0000;background:linear-gradient(90deg,#f0f4ff 25%,#dbeafe 50%,#f0f4ff 75%) 0 0/200% 100%;animation:1.4s ease-in-out infinite img-shimmer}.optimized-image--error{color:#0000;background:#f0f4ff}@media (prefers-reduced-motion:reduce){.optimized-image--loading{background:#f0f4ff;animation:none}}.bottom-sheet{animation:.26s cubic-bezier(.32,.72,0,1) both fadeSlideUp}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}#mapContainer{width:100%!important;height:100vh!important}@media (width<=768px){body.home-scroll-enabled{overflow:hidden auto}.App .Contents{padding:0;padding-bottom:calc(64px + env(safe-area-inset-bottom))}.map-float-controls{right:max(14px, env(safe-area-inset-right));bottom:calc(64px + env(safe-area-inset-bottom) + 16px)}.gps-btn{-webkit-backdrop-filter:blur(12px)saturate(160%);background:#fff;border-radius:50%;width:48px;height:48px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;box-shadow:0 4px 16px #00000017}.gps-btn img{width:20px}.gps-btn:active{transition:transform .1s,box-shadow .1s;transform:scale(.88);box-shadow:0 2px 8px #00000012}.sidebar-content,.page-container{overscroll-behavior:contain}a,button,[role=button]{-webkit-tap-highlight-color:transparent}input,textarea,select{font-size:16px}.tag{align-items:center;min-height:40px;display:inline-flex}.tag:active{transition:transform .1s;transform:scale(.95)}}.localized-address{flex-direction:column;gap:2px;display:flex}.localized-address__ja{opacity:.72;color:inherit;font-size:.82em;line-height:1.35}.pwa-install-banner{left:50%;bottom:calc(76px + env(safe-area-inset-bottom));z-index:190;-webkit-backdrop-filter:blur(18px);background:#fffffff5;border:1px solid #2563eb24;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;width:min(420px,100vw - 24px);padding:12px 14px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 18px 40px #0f172a29,0 2px 8px #0f172a14}.pwa-install-banner__content{align-items:center;gap:12px;min-width:0;display:flex}.pwa-install-banner__content .material-symbols-rounded{color:#2563eb;flex-shrink:0;font-size:22px}.pwa-install-banner__content strong{color:#0f172a;font-size:13px;font-weight:800;line-height:1.2;display:block}.pwa-install-banner__content p{color:#475569;margin-top:3px;font-size:12px;line-height:1.35}.pwa-install-banner__actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.pwa-install-banner__dismiss,.pwa-install-banner__install{cursor:pointer;border-radius:999px;min-height:36px;font-family:Pretendard,sans-serif;font-size:12px;font-weight:700}.pwa-install-banner__dismiss{color:#94a3b8;background:#f0f4ff;justify-content:center;align-items:center;width:36px;display:inline-flex}.pwa-install-banner__dismiss .material-symbols-rounded{font-size:18px}.pwa-install-banner__install{color:#fff;background:#2563eb;padding:0 14px;box-shadow:0 8px 18px #2563eb3d}@media (width>=769px){.pwa-install-banner{bottom:20px;left:92px;transform:none}}.profile-error-banner{bottom:calc(64px + env(safe-area-inset-bottom));z-index:200;color:#fef2f2;white-space:nowrap;background:#7f1d1d;border-radius:14px;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:12px 16px;font-family:Pretendard,sans-serif;font-size:13px;font-weight:500;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 10px 32px #0000001c}.profile-error-banner .material-symbols-rounded{color:#fca5a5;flex-shrink:0;font-size:18px}@media (width>=769px){.profile-error-banner{bottom:20px;left:92px;transform:none}}.header{z-index:100;background:#fff;border-right:1px solid #0000000d;flex-direction:column;align-items:center;width:72px;padding:16px 0 20px;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:1px 0 #0000000d,4px 0 24px #0f172a0a}.header .header-logo{color:#fff;letter-spacing:-.5px;background:linear-gradient(135deg,#2563eb 0%,#60a5fa 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:24px;font-family:Pretendard,sans-serif;font-size:17px;font-weight:900;display:flex;box-shadow:0 4px 12px #2563eb59,0 1px 3px #2563eb33}.header .header-container{flex-direction:column;flex:1;align-items:center;width:100%;display:flex}.header .nav{width:100%}.header .nav ul{flex-direction:column;gap:2px;padding:0 8px;list-style:none;display:flex}.header .nav ul li a,.header .nav ul li button{font:inherit;cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;padding:10px 6px;text-decoration:none;transition:background-color .15s,color .15s;display:flex;position:relative}.header .nav ul li a .nav-icon,.header .nav ul li button .nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.header .nav ul li a .nav-icon-svg,.header .nav ul li button .nav-icon-svg{color:#2563eb61;width:22px;height:22px;transition:color .15s,transform .15s;display:block}.header .nav ul li a .nav-label,.header .nav ul li button .nav-label{letter-spacing:.1px;color:#94a3b8;font-size:9.5px;font-weight:600;transition:color .15s}.header .nav ul li a:hover,.header .nav ul li button:hover{background:#f0f4ff}.header .nav ul li a:hover .nav-icon-svg,.header .nav ul li button:hover .nav-icon-svg{color:#2563ebb3}.header .nav ul li a:hover .nav-label,.header .nav ul li button:hover .nav-label{color:#475569}.header .nav ul li a.active,.header .nav ul li button.active{background:#2563eb17}.header .nav ul li a.active:before,.header .nav ul li button.active:before{content:"";background:#2563eb;border-radius:0 9999px 9999px 0;width:3px;height:20px;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.header .nav ul li a.active .nav-icon-svg,.header .nav ul li button.active .nav-icon-svg{color:#2563eb}.header .nav ul li a.active .nav-label,.header .nav ul li button.active .nav-label{color:#2563eb;font-weight:700}.header .language-switcher{align-items:center;gap:2px;margin-top:auto;padding:8px 0 4px;display:flex}.header .language-switcher .language-btn{color:#94a3b8;cursor:pointer;letter-spacing:.3px;background:0 0;border:none;border-radius:6px;padding:3px 4px;font-size:10px;font-weight:600;line-height:1;transition:color .15s,background .15s}.header .language-switcher .language-btn:hover{color:#475569;background:#f0f4ff}.header .language-switcher .language-btn.active{color:#2563eb;font-weight:700}.header .language-switcher .language-divider{color:#0000000d;-webkit-user-select:none;user-select:none;font-size:10px}@media (width<=768px){.header{width:100%;height:calc(64px + env(safe-area-inset-bottom));padding:0;padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(20px)saturate(180%);background:#fffffff7;border-top:1px solid #0000000d;border-right:none;flex-direction:row;align-items:flex-start;inset:auto 0 0;box-shadow:0 -1px #0000000d,0 -4px 20px #0f172a0f}.header .header-logo,.header .language-switcher{display:none}.header .header-container{flex-direction:row;width:100%;height:64px;padding:0 6px}.header .nav{width:100%;height:64px}.header .nav ul{flex-direction:row;gap:6px;width:100%;height:100%;padding:0}.header .nav ul li{flex:1;height:100%}.header .nav .nav-item--recommend{order:1}.header .nav .nav-item--pet-travel{order:2}.header .nav .nav-item--home{order:3}.header .nav .nav-item--favorites{order:4}.header .nav .nav-item--profile{order:5}.header .nav ul li a,.header .nav ul li button{border-radius:14px;gap:4px;width:100%;height:100%;padding:8px 4px 10px;position:relative;overflow:hidden}.header .nav ul li a .nav-icon,.header .nav ul li button .nav-icon{z-index:1;width:24px;height:24px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);position:relative}.header .nav ul li a .nav-icon-svg,.header .nav ul li button .nav-icon-svg{transition:color .2s,transform .25s cubic-bezier(.34,1.56,.64,1)}.header .nav ul li a .nav-label,.header .nav ul li button .nav-label{letter-spacing:0;z-index:1;font-size:10.5px;font-weight:600;line-height:1.2;transition:color .2s;position:relative}.header .nav ul li a:before,.header .nav ul li button:before{display:none}.header .nav ul li a:after,.header .nav ul li button:after{content:"";opacity:0;pointer-events:none;background:#2563eb17;border-radius:9999px;width:56px;height:30px;transition:opacity .2s,transform .25s cubic-bezier(.34,1.56,.64,1);position:absolute;top:7px;left:50%;transform:translate(-50%)scaleX(.5)scaleY(.8)}.header .nav ul li a:hover,.header .nav ul li button:hover{background:0 0}.header .nav ul li a:active .nav-icon,.header .nav ul li a:active .nav-icon-svg,.header .nav ul li button:active .nav-icon,.header .nav ul li button:active .nav-icon-svg{transition:transform .1s;transform:scale(.86)}.header .nav ul li a:focus-visible,.header .nav ul li button:focus-visible{outline-offset:-2px;outline:2px solid #2563eb59}.header .nav ul li a.active,.header .nav ul li button.active{background:0 0}.header .nav ul li a.active:after,.header .nav ul li button.active:after{opacity:1;transform:translate(-50%)scaleX(1)scaleY(1)}.header .nav ul li a.active .nav-icon-svg,.header .nav ul li button.active .nav-icon-svg{transform:translateY(-1px)scale(1.1)}.header .nav ul li a.active .nav-label,.header .nav ul li button.active .nav-label{color:#2563eb;font-weight:700}}.not-found-page{text-align:center;color:#0f172a;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:calc(100vh - 64px);padding:24px;display:flex}.not-found-page__status{color:#2563eb;font-size:52px;font-weight:800;line-height:1}.not-found-page h1{font-size:28px;font-weight:700;line-height:1.3}.not-found-page__description{color:#475569;max-width:440px;line-height:1.5}.not-found-page__button{color:#fff;background:#2563eb;border-radius:9999px;justify-content:center;align-items:center;min-height:44px;padding:10px 18px;font-weight:700;transition:transform .15s;display:inline-flex;box-shadow:0 2px 8px #00000012}.not-found-page__button:hover{transform:translateY(-1px)}.not-found-page__button:focus-visible{outline-offset:3px;outline:3px solid #2563eb17}.not-found-page__actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.not-found-page__button--ghost{color:#0f172a;box-shadow:none;background:#f0f4ff;border:1px solid #00000017}@media (width<=768px){.not-found-page{min-height:calc(100vh - 64px - env(safe-area-inset-bottom))}.not-found-page__status{font-size:44px}.not-found-page h1{font-size:24px}.not-found-page__actions{flex-direction:column;width:100%;max-width:280px}.not-found-page__button{width:100%}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.toast{pointer-events:all;border-radius:9999px;align-items:center;gap:8px;max-width:min(360px,100vw - 32px);padding:10px 14px 10px 12px;font-family:Pretendard,sans-serif;font-size:13px;font-weight:500;line-height:1.4;animation:.22s cubic-bezier(.16,1,.3,1) both toast-in;display:inline-flex;box-shadow:0 10px 32px #0000001c}.toast--info{color:#fff;background:#0f172ae0}.toast--info .toast__icon{color:#93c5fd}.toast--success{color:#fff;background:#0f172ae0}.toast--success .toast__icon{color:#86efac}.toast--error{color:#fff;background:#0f172ae0}.toast--error .toast__icon{color:#fca5a5}.toast--warning{color:#fff;background:#0f172ae0}.toast--warning .toast__icon{color:#fcd34d}.toast__icon{flex-shrink:0;font-size:17px}.toast__message{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.toast__action{color:#fff;white-space:nowrap;background:#ffffff2e;border-radius:6px;flex-shrink:0;padding:2px 8px;font-size:12px;font-weight:600;transition:background .16s}.toast__action:hover{background:#ffffff47}.toast__close{color:#ffffffb3;cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:color .16s;display:flex}.toast__close:hover{color:#fff}.toast__close .material-symbols-rounded{font-size:14px}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=768px){.toast-container{top:calc(env(safe-area-inset-top) + 12px);width:min(360px,100vw - 24px);max-width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right) - 24px);align-items:stretch;bottom:auto;left:50%;right:auto;transform:translate(-50%)}.toast{border-radius:14px;max-width:100%}.toast__message{white-space:normal}}:root{--accent:#2563eb;--accent-light:#2563eb17;--color-accent-primary:#2563eb;--color-accent-primary-soft:#60a5fa;--color-bg-surface:#fff;--color-text-muted:#94a3b8;--bg-base:#f8faff;--bg-surface:#fff;--bg-elevated:#f0f4ff;--bg-card:#fff;--border-subtle:#0000000d;--border-default:#00000017;--border-strong:#00000029;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--shadow-sm:0 2px 8px #00000012;--shadow-md:0 4px 16px #00000017;--shadow-lg:0 10px 32px #0000001c;--shadow-panel:0 0 0 1px #2563eb0f, 0 8px 32px #00000017;--header-width:72px}.nickname-setup-overlay{-webkit-backdrop-filter:blur(4px);z-index:2147483647;background:#0a0f2394;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.nickname-setup-modal{background:#fff;border:1px solid #0000000d;border-radius:20px;flex-direction:column;width:min(420px,100%);padding:28px;display:flex;box-shadow:0 24px 48px #00000024}.nickname-setup-modal h2{color:#0f172a;margin:0 0 8px;font-size:22px;line-height:1.35}.nickname-setup-modal .subtitle{color:#475569;margin:0 0 20px;font-size:14px;line-height:1.5}.nickname-setup-modal>label,.nickname-setup-modal .ui-field__label{color:#0f172a;margin-bottom:6px;font-size:14px;font-weight:600}.nickname-setup-modal>input,.nickname-setup-modal .ui-field__control{border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;margin-bottom:10px;padding:12px 14px;font-size:15px}.nickname-setup-modal>input:focus,.nickname-setup-modal .ui-field__control:focus{border-color:#2563eb;box-shadow:0 0 0 3px #3b82f629}.nickname-setup-modal>input:disabled,.nickname-setup-modal .ui-field__control:disabled{color:#94a3b8;background:#f0f4ff}.nickname-setup-modal .ui-field__control{min-height:48px;padding:0 14px}.nickname-setup-modal .ui-field__input{font-size:15px}.nickname-setup-modal .hint,.nickname-setup-modal .error{margin:0 0 16px;font-size:13px}.nickname-setup-modal .hint{color:#94a3b8}.nickname-setup-modal .count{text-align:right;color:#94a3b8;margin:-8px 0 16px;font-size:12px}.nickname-setup-modal .terms-agreement{color:#475569;align-items:flex-start;gap:8px;margin:0 0 10px;font-size:13px;font-weight:400;line-height:1.5;display:flex}.nickname-setup-modal .terms-agreement input[type=checkbox]{cursor:pointer;flex-shrink:0;width:16px;height:16px;margin-top:2px}.nickname-setup-modal .terms-agreement a{color:#1d4ed8;text-underline-offset:2px;font-weight:600;text-decoration:underline}.nickname-setup-modal .consent-section{flex-direction:column;gap:6px;margin-bottom:4px;display:flex}.nickname-setup-modal .agreement-error{color:#c41c1c;margin:0 0 12px;font-size:12px;line-height:1.4}.nickname-setup-modal .error{color:#dc2626;font-weight:500}.nickname-setup-modal .btn{width:100%}.nickname-setup-modal .btn:hover:not(:disabled){background:#1e40af}.nickname-setup-modal .btn:disabled{cursor:not-allowed;opacity:.7}