:root{--navy:#06172d;--navy2:#0a2342;--blue:#007bff;--ink:#10243e;--muted:#5e6f82;--line:#dce6f0;--soft:#f3f8fc;--app-shell-width:480px;--mobile-header-height:60px;--bottom-navigation-height:68px;--app-gutter:16px;--app-surface:#f5f6f8;--app-primary:#1467d9;--app-green:#18a77b;--font-sans:Pretendard,"Noto Sans KR",system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html,body{min-height:100%}html{scroll-behavior:smooth}body{min-width:320px;margin:0;background:#f4f5f7;color:var(--ink);font-family:var(--font-sans);line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ffbf47;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:max(16px,calc(50% - 224px));top:-80px;z-index:100;padding:12px 18px;border-radius:8px;background:#fff;color:#06172d}.skip-link:focus{top:16px}
.app-shell{position:relative;width:100%;max-width:var(--app-shell-width);min-height:100vh;min-height:100dvh;margin-inline:auto;overflow-x:clip;background:#fff}.app-shell>main{min-height:calc(100dvh - var(--mobile-header-height));padding-bottom:calc(var(--bottom-navigation-height) + env(safe-area-inset-bottom) + 20px)}.shell{width:calc(100% - 32px);margin-inline:auto}
.mobile-header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(6,23,45,.08);background:rgba(255,255,255,.97);color:var(--ink);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.mobile-header__bar{display:flex;height:60px;min-height:60px;align-items:center;justify-content:space-between;gap:8px;padding:7px 16px}.mobile-brand{display:inline-flex;min-height:42px;align-items:center;gap:7px}.mobile-brand__mark{display:grid;width:32px;height:32px;place-items:center;border-radius:10px;background:linear-gradient(145deg,var(--navy2),var(--blue));color:#fff;font-size:.78rem;font-weight:900}.mobile-brand__text{display:flex;flex-direction:column;line-height:1.05}.mobile-brand__text strong{font-size:.88rem;letter-spacing:.05em}.mobile-brand__text small{margin-top:3px;color:var(--muted);font-size:.58rem;font-weight:700}.mobile-header__location{display:flex;min-width:0;align-items:center;justify-content:center;gap:3px;padding:4px 7px;border-radius:10px}.mobile-header__location span{display:flex;min-width:0;flex-direction:column;align-items:center;line-height:1.15}.mobile-header__location small{color:#8b96a4;font-size:.58rem;font-weight:700}.mobile-header__location strong{margin-top:2px;font-size:.78rem;white-space:nowrap}.mobile-header__location svg{width:15px;height:15px;fill:none;stroke:#8592a0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mobile-header__actions{display:flex;align-items:center;gap:0}.icon-button,.mobile-header .icon-button{display:grid;width:38px;height:38px;padding:0;place-items:center;border:0;border-radius:11px;background:transparent;color:var(--ink);cursor:pointer}.icon-button svg,.mobile-header .icon-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bottom-navigation,.app-fixed-surface{left:50%;width:min(100%,var(--app-shell-width));transform:translateX(-50%)}.bottom-navigation{position:fixed;right:auto;bottom:0;z-index:70;display:grid;min-height:calc(var(--bottom-navigation-height) + env(safe-area-inset-bottom));grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0;padding:5px 8px env(safe-area-inset-bottom);border-top:1px solid rgba(6,23,45,.1);background:rgba(255,255,255,.97);box-shadow:0 -8px 24px rgba(6,23,45,.07);backdrop-filter:blur(18px)}.bottom-navigation a,.bottom-navigation button{display:flex;min-width:0;min-height:56px;align-items:center;justify-content:center;flex-direction:column;gap:3px;padding:5px 2px;border:0;border-radius:12px;background:transparent;color:#778596;font:inherit;cursor:pointer}.bottom-navigation svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.bottom-navigation span{font-size:.68rem;font-weight:750;line-height:1}.bottom-navigation .is-active{background:#edf5ff;color:var(--blue)}
.app-menu-backdrop{position:fixed;inset-block:0;right:auto;z-index:60;background:rgba(3,17,33,.48);backdrop-filter:blur(2px)}.app-menu-sheet{position:fixed;right:auto;bottom:calc(var(--bottom-navigation-height) + env(safe-area-inset-bottom));z-index:65;max-height:calc(100dvh - var(--mobile-header-height) - var(--bottom-navigation-height));padding:10px 18px 24px;overflow-y:auto;border-radius:22px 22px 0 0;background:#fff;color:var(--ink);box-shadow:0 -18px 50px rgba(3,17,33,.2)}.app-menu-backdrop[hidden],.app-menu-sheet[hidden]{display:none!important}.app-menu-sheet__handle{width:40px;height:4px;margin:0 auto 10px;border-radius:999px;background:#d4dce5}.app-menu-sheet__heading{display:flex;min-height:48px;align-items:center;justify-content:space-between}.app-menu-sheet nav{display:grid;gap:2px}.app-menu-sheet nav a{display:flex;min-height:48px;align-items:center;justify-content:space-between;padding:10px 4px;border-bottom:1px solid var(--line);font-size:.93rem;font-weight:700}body.app-menu-open{overflow:hidden}
.app-home{background:var(--app-surface);color:#172b43}.app-home__start{padding:12px 16px 14px;background:#fff}.current-area{display:grid;min-height:68px;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:8px 4px}.current-area__pin{display:grid;width:38px;height:38px;place-items:center;border-radius:13px;background:#eaf3ff;color:var(--app-primary)}.current-area__pin svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.current-area__copy{display:flex;min-width:0;flex-direction:column;line-height:1.25}.current-area__copy small{color:#8a97a6;font-size:.65rem;font-weight:750}.current-area__copy strong{margin-top:2px;font-size:1.02rem;font-weight:900;letter-spacing:-.025em}.current-area__copy>span{margin-top:3px;overflow:hidden;color:#657487;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.current-area__arrow{width:18px;height:18px;fill:none;stroke:#9aa6b3;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.app-search{display:grid;min-height:56px;grid-template-columns:23px minmax(0,1fr) auto;align-items:center;gap:9px;padding:5px 6px 5px 16px;border:1px solid #e7ebf0;border-radius:18px;background:#f5f7f9}.app-search>svg{width:21px;height:21px;fill:none;stroke:#657487;stroke-width:1.8;stroke-linecap:round}.app-search input{width:100%;min-width:0;height:44px;border:0;outline:0;background:transparent;color:var(--ink);font-size:.88rem;font-weight:650}.app-search input::placeholder{color:#8d99a6}.app-search button{min-width:56px;height:44px;padding:0 13px;border:0;border-radius:14px;background:#172b43;color:#fff;font-size:.75rem;font-weight:850;cursor:pointer}
.app-home__section{margin-top:8px;padding:24px 0;background:#fff}.app-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:16px;padding-inline:16px}.app-section-heading>div{min-width:0}.app-section-heading>div>span{display:block;color:#7c8998;font-size:.61rem;font-weight:850;letter-spacing:.11em;line-height:1.2}.app-section-heading h2{margin:5px 0 0;color:#172b43;font-size:1.17rem;font-weight:900;line-height:1.28;letter-spacing:-.035em}.app-section-heading>a{display:flex;min-height:38px;flex:none;align-items:center;gap:4px;color:#7d8a98;font-size:.72rem;font-weight:750}.app-section-heading>a span{font-size:1rem}
.quick-menu{padding-top:20px}.quick-menu__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));row-gap:17px;padding-inline:12px}.quick-menu__grid>a{display:flex;min-width:0;align-items:center;flex-direction:column;gap:7px;text-align:center}.quick-menu__icon{display:grid;width:52px;height:52px;place-items:center;border-radius:17px;background:#eef4fb;font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:1.24rem;line-height:1}.quick-menu__icon--food{background:#fff1e7}.quick-menu__icon--cafe{background:#f5eee8}.quick-menu__icon--tourism{background:#e9f7ff}.quick-menu__icon--culture{background:#f1edff}.quick-menu__icon--wellness,.quick-menu__icon--massage-spa{background:#e8f8f2}.quick-menu__icon--stay{background:#edf0ff}.quick-menu__grid strong{max-width:100%;overflow:hidden;color:#34475d;font-size:.7rem;font-weight:800;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.quick-menu__icon--more{grid-template-columns:repeat(2,5px);grid-template-rows:repeat(2,5px);gap:5px;background:#f1f3f5}.quick-menu__icon--more i{width:5px;height:5px;border-radius:50%;background:#718094}
.featured-rail{display:flex;gap:12px;padding:0 16px 8px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-padding-inline:16px;scroll-snap-type:x mandatory;scrollbar-width:none}.featured-rail::-webkit-scrollbar{display:none}.discovery-card{overflow:hidden;background:#fff}.discovery-card>a{display:block}.discovery-card__visual{position:relative;overflow:hidden;background:linear-gradient(145deg,#0c3159,#057cc4)}.app-home .discovery-card{border:0;box-shadow:none}.app-home .discovery-card--featured{width:244px;flex:0 0 244px;overflow:hidden;border:1px solid #ebeff3;border-radius:18px;scroll-snap-align:start}.app-home .discovery-card--featured .discovery-card__visual{height:132px;background-image:linear-gradient(180deg,rgba(4,25,47,.03),rgba(4,25,47,.62)),url('/images/hero-busan-night-wellness-v2.png');background-size:cover;background-position:center}.discovery-card__category{position:absolute;top:10px;left:10px;padding:4px 8px;border:0;border-radius:999px;background:rgba(255,255,255,.93);color:var(--navy);font-size:.62rem;font-weight:850}.discovery-card__visual>.ad-label{position:absolute;top:10px;right:10px}.discovery-card__visual-mark{position:absolute;right:10px;bottom:5px;color:rgba(255,255,255,.2);font-size:4rem;font-weight:900;line-height:1}.app-home .discovery-card__body{padding:13px 14px 14px}.app-home .discovery-card__location{color:#6f7e8e;font-size:.65rem;font-weight:750}.app-home .discovery-card h3{display:-webkit-box;margin:4px 0 5px;overflow:hidden;font-size:.95rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:1}.app-home .discovery-card p{display:-webkit-box;margin:0;overflow:hidden;color:var(--muted);font-size:.72rem;line-height:1.48;-webkit-box-orient:vertical;-webkit-line-clamp:1}.app-home .discovery-card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;color:#8593a2;font-size:.62rem}.discovery-card__meta .is-verified{color:#08705a;font-weight:800}
.recent-list{display:grid;gap:0;padding-inline:16px}.app-home .discovery-card--feed{border-radius:0;border-bottom:1px solid #edf0f3;background:#fff}.app-home .discovery-card--feed:last-child{border-bottom:0}.app-home .discovery-card--feed>a{display:grid;min-height:126px;grid-template-columns:96px minmax(0,1fr);gap:13px;padding-block:10px}.app-home .discovery-card--feed .discovery-card__visual{min-height:106px;border-radius:15px}.discovery-card__visual--food{background:linear-gradient(145deg,#9b4a18,#e69145)}.discovery-card__visual--cafe{background:linear-gradient(145deg,#6d4432,#b98a70)}.discovery-card__visual--tourism{background:linear-gradient(145deg,#096b98,#35acd0)}.discovery-card__visual--culture{background:linear-gradient(145deg,#4e438a,#9181cf)}.discovery-card__visual--wellness{background:linear-gradient(145deg,#0f6c58,#54bfa0)}.discovery-card__visual--stay{background:linear-gradient(145deg,#3e4d94,#7889d8)}.app-home .discovery-card--feed .discovery-card__body{display:flex;min-width:0;justify-content:center;flex-direction:column;padding:3px 0}.app-home .discovery-card--feed .discovery-card__category{display:none}.app-home .discovery-card--feed h3{font-size:.9rem}.app-home .discovery-card--feed p{font-size:.7rem;-webkit-line-clamp:2}
.app-region-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-inline:16px}.app-region-grid>a{display:flex;min-width:0;min-height:42px;align-items:center;justify-content:center;padding:7px 5px;border:1px solid #e8edf2;border-radius:13px;background:#fff;color:#405268;font-size:.72rem;font-weight:800}.guide-list{display:grid;gap:0;padding-inline:16px}.guide-row{border-bottom:1px solid #edf0f3}.guide-row>a{display:grid;min-height:102px;grid-template-columns:minmax(0,1fr) 80px;align-items:center;gap:14px;padding:10px 0}.guide-row__copy{min-width:0}.guide-row__copy small{color:#7d8b9a;font-size:.62rem}.guide-row__copy h3{display:-webkit-box;margin:5px 0 4px;overflow:hidden;font-size:.86rem;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.guide-row__copy p{overflow:hidden;margin:0;color:#718092;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.guide-row__visual{position:relative;display:grid;width:80px;height:80px;place-items:center;overflow:hidden;border-radius:15px;background:linear-gradient(145deg,#153a63,#1678ad);color:#fff;font-size:.58rem;font-weight:900;letter-spacing:.1em}.app-empty{width:calc(100% - 32px);margin:0 16px;padding:22px;border-radius:15px;background:#f5f7f9;color:#7c8997;font-size:.78rem;text-align:center}
.faq-summary{padding:0 16px 22px}.faq-summary>a{display:grid;min-height:70px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 13px;border-radius:17px;background:#172b43;color:#fff}.faq-summary__icon{display:grid;width:40px;height:40px;place-items:center;border-radius:13px;background:rgba(255,255,255,.1);color:#8edbc5;font-size:.9rem;font-weight:900}.faq-summary__copy{display:flex;min-width:0;flex-direction:column}.faq-summary__copy small{color:#9fb0c2;font-size:.6rem}.faq-summary__copy strong{margin-top:2px;font-size:.86rem}.faq-summary__link{font-size:.67rem;font-weight:750;white-space:nowrap}
.app-subpage{min-height:calc(100dvh - 60px);padding:28px 16px 40px;background:#fff}.app-subpage>header>span{color:var(--app-primary);font-size:.65rem;font-weight:900;letter-spacing:.12em}.app-subpage>header h1{margin:6px 0 8px;font-size:1.65rem;line-height:1.25}.app-subpage>header p{margin:0;color:#718092;font-size:.8rem}.faq-page__list{margin-top:24px;border-top:1px solid #e8edf2}.faq-page__list details{border-bottom:1px solid #e8edf2}.faq-page__list summary{display:flex;min-height:62px;align-items:center;justify-content:space-between;gap:14px;padding:14px 2px;cursor:pointer;font-size:.82rem;font-weight:850;list-style:none}.faq-page__list summary::-webkit-details-marker{display:none}.faq-page__list details p{margin:0 0 18px;padding:14px;border-radius:13px;background:#f5f7f9;color:#607084;font-size:.76rem;line-height:1.7}
@media(min-width:481px){.app-shell{box-shadow:0 0 30px rgba(6,23,45,.08)}}@media(max-width:350px){.mobile-header__location small{display:none}.mobile-header .icon-button{width:34px}.quick-menu__icon{width:48px;height:48px}.app-home .discovery-card--feed>a{grid-template-columns:88px minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}