:root{--cf-espresso-900: #1A1A1A;--cf-espresso-800: #3D2817;--cf-espresso-700: #5B3A1F;--cf-mocha-600: #7A4E2A;--cf-caramel-500: #C8995A;--cf-latte-300: #E8D5B7;--cf-cream-200: #F5F5F5;--cf-cream-100: #FFFFFF;--cf-paper: #FFFFFF;--cf-jeju-sea: #2B6F8E;--cf-jeju-sky: #7FB3C8;--cf-jeju-stone: #4A4540;--cf-jeju-moss: #6B8E5A;--cf-tangerine: #F08A3E;--cf-success: #6B8E5A;--cf-warning: #E8A03A;--cf-danger: #C44536;--cf-info: #2B6F8E;--cf-ink-900: #1B1410;--cf-ink-800: #2E2620;--cf-ink-700: #4A4035;--cf-ink-600: #6B5F52;--cf-ink-500: #8E8378;--cf-ink-400: #B5AB9F;--cf-ink-300: #D4CCC0;--cf-ink-200: #E8E2D6;--cf-ink-100: #F2EDE4;--cf-white: #FFFFFF;--fg-primary: var(--cf-espresso-900);--fg-secondary: var(--cf-ink-700);--fg-tertiary: var(--cf-ink-500);--fg-inverse: var(--cf-cream-100);--fg-brand: var(--cf-espresso-800);--fg-link: var(--cf-jeju-sea);--bg-app: var(--cf-cream-100);--bg-surface: var(--cf-white);--bg-sunken: var(--cf-cream-200);--bg-overlay: rgba(26, 17, 10, .55);--bg-brand: var(--cf-espresso-800);--border-subtle: rgba(74, 64, 53, .1);--border-default: rgba(74, 64, 53, .18);--border-strong: rgba(74, 64, 53, .35);--border-brand: var(--cf-espresso-800);--font-sans: "Pretendard", "Pretendard Variable", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;--font-display: "Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--font-mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, monospace;--t-display: 700 36px/1.2 var(--font-display);--t-h1: 700 28px/1.3 var(--font-display);--t-h2: 700 22px/1.35 var(--font-sans);--t-h3: 600 18px/1.4 var(--font-sans);--t-title: 600 16px/1.45 var(--font-sans);--t-body: 500 15px/1.55 var(--font-sans);--t-body-sm: 500 13px/1.5 var(--font-sans);--t-caption: 500 12px/1.4 var(--font-sans);--t-label: 600 11px/1.3 var(--font-sans);--tracking-display: -.022em;--tracking-tight: -.015em;--tracking-normal: -.005em;--tracking-label: .08em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-pill: 999px;--shadow-1: 0 1px 2px rgba(42, 26, 14, .06), 0 1px 1px rgba(42, 26, 14, .04);--shadow-2: 0 4px 12px rgba(42, 26, 14, .08), 0 2px 4px rgba(42, 26, 14, .04);--shadow-3: 0 12px 28px rgba(42, 26, 14, .14), 0 4px 10px rgba(42, 26, 14, .06);--shadow-pin: 0 6px 14px rgba(42, 26, 14, .3);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .14s;--dur-base: .22s;--dur-slow: .38s}html,body{font-family:var(--font-sans);color:var(--fg-primary);background:var(--bg-app);font-feature-settings:"ss05","ss06";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1{font:var(--t-display);letter-spacing:var(--tracking-display);margin:0}h2{font:var(--t-h1);letter-spacing:var(--tracking-tight);margin:0}h3{font:var(--t-h2);letter-spacing:var(--tracking-tight);margin:0}h4{font:var(--t-h3);letter-spacing:var(--tracking-normal);margin:0}p{font:var(--t-body);letter-spacing:var(--tracking-normal);margin:0}small{font:var(--t-caption);color:var(--fg-tertiary)}code,pre{font-family:var(--font-mono);font-size:13px}a{color:var(--fg-link);text-underline-offset:3px}.cf-eyebrow{font:var(--t-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--cf-mocha-600)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--cf-cream-100)}body{display:flex;align-items:center;justify-content:center}#root{width:100%;height:100dvh;background:var(--cf-cream-100);position:relative;overflow:hidden}.cf-app{display:flex;flex-direction:column;height:100%;position:relative}.cf-topbar{position:absolute;top:0;left:0;right:0;z-index:1100;background:var(--cf-espresso-900);height:calc(44px + env(safe-area-inset-top,0));padding:env(safe-area-inset-top,0) 16px 0;display:flex;align-items:center;box-shadow:0 2px 8px #2a1a0e2e}.cf-topbar__logo{height:24px;width:auto;display:block;object-fit:contain}.cf-chips-row{position:absolute;top:calc(44px + env(safe-area-inset-top,0));left:0;right:0;z-index:1050;display:flex;gap:6px;padding:4px 14px 6px;overflow-x:auto;scrollbar-width:none}.cf-chips-row::-webkit-scrollbar{display:none}.cf-region-chip{flex:none;font:600 12px var(--font-sans);padding:7px 14px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:999px;color:#000000a6;cursor:pointer;box-shadow:0 2px 6px #2a1a0e14;letter-spacing:-.01em;font-family:inherit}.cf-region-chip.is-active{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.cf-region-chip.is-disabled,.cf-region-chip:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.cf-stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#dce9ef}.cf-map{position:absolute;top:0;right:0;bottom:0;left:0}.cf-map__naver{width:100%;height:100%}.cf-mapctrls{position:absolute;right:14px;z-index:800;display:flex;flex-direction:column;gap:8px}.cf-mapctrl{width:42px;height:42px;background:#faf5eceb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(74,64,53,.1);border-radius:999px;box-shadow:0 4px 12px #2a1a0e1a;color:var(--cf-espresso-800);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;font-family:inherit;transition:transform var(--dur-fast) var(--ease-out)}.cf-mapctrl:active{transform:scale(.94)}.cf-sheet{position:absolute;left:0;right:0;top:0;height:100dvh;background:#fff;border-top-left-radius:18px;border-top-right-radius:18px;box-shadow:0 -10px 28px #0000001f;z-index:1000;display:flex;flex-direction:column;overflow:hidden;transition:border-top-left-radius .42s cubic-bezier(.32,.72,0,1),border-top-right-radius .42s cubic-bezier(.32,.72,0,1)}.cf-sheet__drag-area{height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0;touch-action:none;cursor:grab}.cf-sheet__drag-area:active{cursor:grabbing}.cf-sheet__handle span{display:block;width:36px;height:4px;background:#00000038;border-radius:999px}.cf-sheet__body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding-bottom:env(safe-area-inset-bottom,0)}.cf-sheet__topbar{display:flex;align-items:center;gap:6px;padding:0 8px;background:#fff;height:0;opacity:0;overflow:hidden;flex:none;transition:height .24s cubic-bezier(.32,.72,0,1),opacity .24s cubic-bezier(.32,.72,0,1),padding-top .24s cubic-bezier(.32,.72,0,1)}.cf-sheet--full .cf-sheet__topbar{height:calc(44px + env(safe-area-inset-top,0));padding-top:env(safe-area-inset-top,0);opacity:1}.cf-sheet__back,.cf-sheet__share{width:36px;height:36px;border-radius:999px;background:transparent;border:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#1a1a1a;flex:none}.cf-sheet__back:active,.cf-sheet__share:active{background:#0000000f}.cf-sheet__topbar-spacer{flex:1}.cf-sheet--full .cf-sheet__drag-area{display:none}.cf-sheet--full{z-index:1200;border-top-left-radius:0;border-top-right-radius:0}.cf-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:var(--cf-cream-100);z-index:10}.cf-loading__text{font:500 13px var(--font-sans);color:var(--cf-mocha-600)}.cf-loading__error{padding:20px 24px;max-width:320px;text-align:center}.cf-loading__error h3{font:700 18px var(--font-sans);color:var(--cf-espresso-900);margin-bottom:8px}.cf-loading__error p{font:500 13px/1.55 var(--font-sans);color:var(--fg-secondary)}@keyframes cf-user-pulse{0%{transform:scale(.6);opacity:.55}to{transform:scale(2.6);opacity:0}}.cf-cafelist{display:flex;flex-direction:column}.cf-cafelist__header{display:flex;align-items:center;gap:12px;padding:6px 20px 16px;position:sticky;top:0;background:#fff;z-index:2}.cf-cafelist__pin{font-size:22px;line-height:1;flex:none}.cf-cafelist__header-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.cf-cafelist__location{font:700 17px var(--font-sans);color:#1a1a1a;letter-spacing:-.018em}.cf-cafelist__meta{font:500 12.5px var(--font-sans);color:#00000080;letter-spacing:-.005em}.cf-cafelist__items{display:flex;flex-direction:column;gap:12px;padding:4px 16px 24px}.cf-cafecard{display:block;width:100%;text-align:left;border:none;background:#fff;padding:16px;border-radius:16px;box-shadow:0 2px 8px #0000000f;cursor:pointer;font-family:inherit;transition:transform .18s cubic-bezier(.22,1,.36,1)}.cf-cafecard:active{transform:scale(.985)}.cf-cafecard__head{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.cf-cafecard__chip{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:5px 10px 5px 8px;border:1px solid rgba(0,0,0,.18);border-radius:999px;font:600 12px var(--font-sans);color:#000000c7;letter-spacing:-.005em}.cf-cafecard__chip-dot{width:8px;height:8px;border-radius:999px;background:#1a1a1a}.cf-cafecard__name{font:700 19px var(--font-display);letter-spacing:-.02em;color:#1a1a1a;line-height:1.25}.cf-cafecard__sub{display:flex;align-items:center;gap:6px;font:500 13px var(--font-sans);color:#0000008c;letter-spacing:-.005em}.cf-cafecard__sub-dot{opacity:.5}.cf-cafecard__dist{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap;font:500 13px var(--font-sans);color:#000000c7;letter-spacing:-.005em;margin-bottom:6px}.cf-cafecard__dist strong{font-weight:700;color:#1a1a1a}.cf-cafecard__dist-icon{font-size:13px;margin-right:2px}.cf-cafecard__dist-sub{color:#0000008c;font-size:12.5px}.cf-cafecard__rec{font:600 12.5px var(--font-sans);color:#b27432;letter-spacing:-.005em;margin-bottom:10px}.cf-cafecard__thumbs{display:flex;gap:8px}.cf-cafecard__thumb{flex:1 1 0;aspect-ratio:1 / 1;border-radius:10px;overflow:hidden;background:#f5f5f5;position:relative}.cf-cafecard__thumb-img{width:100%;height:100%;object-fit:cover;display:block}.cf-cafecard__thumb-bg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff}.cf-cafedetail{display:flex;flex-direction:column}.cf-cafedetail__head{padding:14px 20px 10px;display:flex;flex-direction:column;gap:6px}.cf-cafedetail__chip{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:5px 10px 5px 8px;border:1px solid rgba(0,0,0,.18);border-radius:999px;font:600 12px var(--font-sans);color:#000000c7;letter-spacing:-.005em;margin-bottom:2px}.cf-cafedetail__chip-dot{width:8px;height:8px;border-radius:999px;background:#1a1a1a}.cf-cafedetail__chip--place .cf-cafedetail__chip-dot{background:#c8995a}.cf-cafedetail__name{font:700 24px var(--font-display);letter-spacing:-.022em;margin:0;color:#1a1a1a;line-height:1.2}.cf-cafedetail__head-sub{display:flex;align-items:center;gap:6px;font:500 13px var(--font-sans);color:#0000008c;letter-spacing:-.005em}.cf-cafedetail__head-dot{opacity:.5}.cf-cafedetail__quick-dist{display:flex;align-items:flex-start;gap:8px;padding:6px 20px 12px;font:500 14px/1.4 var(--font-sans);color:#000000c7;letter-spacing:-.005em}.cf-cafedetail__quick-dist-icon{font-size:15px;flex:none}.cf-cafedetail__quick-dist-text strong{font-weight:700;color:#1a1a1a}.cf-cafedetail__quick-dist-sub{color:#0000008c;font-size:13px}.cf-cafedetail__thumbs{display:flex;gap:8px;padding:12px 16px 8px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-left:16px;scroll-padding-right:16px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cf-cafedetail__thumbs::-webkit-scrollbar{display:none}.cf-cafedetail__thumb{flex:0 0 auto;width:96px;height:96px;border-radius:12px;overflow:hidden;scroll-snap-align:start;background:#f5f5f5;position:relative}.cf-cafedetail__thumb-img{width:100%;height:100%;object-fit:cover;display:block}.cf-cafedetail__thumb-bg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff}.cf-cafedetail__infobox{margin:4px 16px 0;padding:16px 18px;background:#f5f5f5;border-radius:14px;display:flex;flex-direction:column;gap:12px}.cf-cafedetail__inforow{display:flex;align-items:flex-start;gap:12px;font:500 14px/1.45 var(--font-sans);color:#000000c7;letter-spacing:-.005em}.cf-cafedetail__inforow--dist{padding-top:12px;border-top:1px solid rgba(0,0,0,.06);margin-top:2px}.cf-cafedetail__info-icon{font-size:15px;line-height:1.45;flex:none}.cf-cafedetail__info-text{flex:1}.cf-cafedetail__info-text strong{font-weight:700;color:#1a1a1a}.cf-cafedetail__info-sub{margin-top:4px;display:flex;align-items:center;gap:6px;font:500 12.5px var(--font-sans);color:#0000008c}.cf-cafedetail__info-sub-dot{opacity:.5}.cf-cafedetail__section{padding:28px 0 8px}.cf-cafedetail__section-head{display:flex;align-items:baseline;justify-content:space-between;padding:0 20px 14px}.cf-cafedetail__section-title{font:700 18px var(--font-sans);letter-spacing:-.018em;color:#1a1a1a;margin:0}.cf-cafedetail__section-meta{font:600 12px var(--font-sans);color:#00000080;letter-spacing:-.005em}.cf-cafedetail__empty{padding:32px 16px;text-align:center;color:#00000073;font:500 13px var(--font-sans)}.cf-cafedetail__places-swipe{display:flex;gap:12px;padding:4px 16px 8px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:16px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cf-cafedetail__places-swipe::-webkit-scrollbar{display:none}.cf-placecard-swipe{flex:0 0 78%;max-width:320px;scroll-snap-align:start;border:none;background:#fff;padding:0;text-align:left;cursor:pointer;font-family:inherit;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000f;transition:transform .18s cubic-bezier(.22,1,.36,1)}.cf-placecard-swipe:active{transform:scale(.985)}.cf-placecard-swipe.is-selected{box-shadow:0 0 0 2.5px #d67522,0 4px 12px #d675222e}.cf-placecard-swipe__photo{position:relative;height:168px;background:#f5f5f5}.cf-placecard-swipe__photo-bg{position:absolute;top:0;right:0;bottom:0;left:0}.cf-placecard-swipe__photo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 35%,#000000a6)}.cf-placecard-swipe__photo-meta{position:absolute;left:14px;right:14px;bottom:12px;display:flex;flex-direction:column;gap:3px;color:#fff}.cf-placecard-swipe__name{font:700 17px var(--font-sans);letter-spacing:-.018em;line-height:1.25}.cf-placecard-swipe__sub{font:500 12px var(--font-sans);color:#ffffffe0;letter-spacing:-.005em}.cf-placecard-swipe__dot{margin:0 5px;opacity:.55}.cf-placecard-swipe__rec{color:#ffd89b;font-weight:600}.cf-placecard-swipe__body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px}.cf-placecard-swipe__note{display:flex;align-items:flex-start;gap:6px;padding:4px 0 6px;margin-bottom:4px;font:500 12.5px/1.45 var(--font-sans);color:#000000c7;letter-spacing:-.005em;border-bottom:1px solid rgba(0,0,0,.06)}.cf-placecard-swipe__note-icon{font-size:12px;flex:none;margin-top:2px}.cf-placecard-swipe__note-text{flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.cf-placecard-swipe__dist{display:inline-flex;align-items:baseline;gap:6px;font:500 12.5px var(--font-sans);color:#000000a6;letter-spacing:-.005em;line-height:1.35}.cf-placecard-swipe__dist strong{color:#1a1a1a;font-weight:700}.cf-placecard-swipe__dist-icon{font-size:12px;opacity:.85}.cf-placecard-swipe__dist-sub{color:#0006;font-size:11.5px}.cf-cafedetail__actions{padding:16px 16px 24px}.cf-cafedetail__action-btn{display:flex;align-items:center;justify-content:center;width:100%;height:50px;border-radius:14px;background:#1a1a1a;color:#fff;font:700 14px var(--font-sans);letter-spacing:-.005em;text-decoration:none;border:none;cursor:pointer}.cf-quote{margin:4px 16px 0;padding:16px 18px;background:#fff6e8;border:1px solid #F0E0C0;border-radius:14px;display:flex;gap:14px;align-items:flex-start}.cf-quote__icon{font-size:22px;line-height:1.2;flex:none;margin-top:1px}.cf-quote__body{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.cf-quote__label{font:700 12px var(--font-sans);letter-spacing:-.005em;color:#b27432}.cf-quote__text{font:500 15px/1.55 var(--font-sans);color:#1a1a1a;letter-spacing:-.005em;margin:0;text-wrap:pretty}.cf-quote__menu{margin-top:4px;display:inline-flex;align-items:center;gap:6px;font:600 13px var(--font-sans);color:#1a1a1a;letter-spacing:-.005em}.cf-quote__menu-icon{font-size:13px}.cf-sidepanel{display:none}@media (min-width: 1024px){#root{max-width:100%;max-height:100%;margin:0;border-radius:0;border:none;box-shadow:none;height:100vh}.cf-topbar{display:none}.cf-sidepanel{display:flex;flex-direction:column;position:absolute;top:0;bottom:0;left:0;width:420px;background:var(--cf-paper);border-right:1px solid rgba(74,64,53,.1);box-shadow:4px 0 14px #2a1a0e0f;z-index:1000}.cf-sidepanel__header{min-height:calc(48px + env(safe-area-inset-top,0));padding:calc(8px + env(safe-area-inset-top,0)) 12px 8px;background:var(--cf-espresso-900);box-shadow:0 2px 8px #2a1a0e2e;flex:none;display:flex;align-items:center;gap:6px}.cf-sidepanel__header .cf-sheet__back,.cf-sidepanel__header .cf-sheet__share{color:#fff}.cf-sidepanel__header .cf-sheet__back:active,.cf-sidepanel__header .cf-sheet__share:active{background:#ffffff1a}.cf-sidepanel__logo{height:auto;width:auto;max-height:24px;max-width:100%;display:block;object-fit:contain}.cf-sidepanel__body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px}.cf-stage{left:420px}.cf-chips-row{top:18px;left:420px;right:0;max-width:none;padding:0 18px}.cf-sheet{display:none!important}}