:root{--cf-espresso-900: #2A1A0E;--cf-espresso-800: #3D2817;--cf-espresso-700: #5B3A1F;--cf-mocha-600: #7A4E2A;--cf-caramel-500: #C8995A;--cf-latte-300: #E8D5B7;--cf-cream-200: #F5EDDF;--cf-cream-100: #FAF5EC;--cf-paper: #FDFBF6;--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:900;background:var(--cf-espresso-900);padding:calc(14px + env(safe-area-inset-top,0)) 18px 12px;display:flex;align-items:center;box-shadow:0 2px 8px #2a1a0e2e}.cf-topbar__logo{height:auto;width:auto;max-height:28px;max-width:100%;display:block;object-fit:contain}.cf-logo-pill{display:flex;align-items:center;gap:7px;padding:8px 14px 8px 11px;background:#faf5eceb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(74,64,53,.1);border-radius:999px;box-shadow:0 4px 12px #2a1a0e1a;flex:none}.cf-logo-mark{font-size:16px;line-height:1}.cf-logo-word{font:700 14px var(--font-sans);color:var(--cf-espresso-900);letter-spacing:-.02em}.cf-search-pill{flex:1;display:flex;align-items:center;gap:8px;padding:10px 16px;background:#faf5eceb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(74,64,53,.1);border-radius:999px;color:var(--cf-mocha-600);font:500 13px var(--font-sans);cursor:pointer;box-shadow:0 4px 12px #2a1a0e1a}.cf-chips-row{position:absolute;top:calc(64px + env(safe-area-inset-top,0));left:0;right:0;z-index:850;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:#faf5eceb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(74,64,53,.1);border-radius:999px;color:var(--cf-mocha-600);cursor:pointer;box-shadow:0 2px 6px #2a1a0e14;letter-spacing:-.01em;font-family:inherit}.cf-region-chip.is-active{background:var(--cf-espresso-800);color:var(--cf-cream-100);border-color:var(--cf-espresso-800)}.cf-region-chip.is-disabled,.cf-region-chip:disabled{opacity:.42;color:var(--cf-mocha-600);cursor:not-allowed;box-shadow:none}.cf-region-chip.is-disabled:active{transform: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-iconbtn{width:32px;height:32px;background:var(--cf-cream-200);border:none;border-radius:999px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--cf-espresso-800)}.cf-hint{position:absolute;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#faf5ecf2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(74,64,53,.1);border-radius:999px;box-shadow:0 6px 14px #2a1a0e2e;font:500 13px var(--font-sans);color:var(--cf-espresso-900);white-space:nowrap;z-index:850;animation:hintPulse 2.4s ease-in-out infinite}.cf-hint strong{color:var(--cf-espresso-900);font-weight:700}@keyframes hintPulse{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-3px)}}.cf-sheet{position:absolute;left:0;right:0;bottom:0;background:var(--cf-paper);border-top-left-radius:24px;border-top-right-radius:24px;box-shadow:0 -12px 36px #2a1a0e2e;z-index:1000;display:flex;flex-direction:column;overflow:hidden;padding-bottom:16px;transform:translateY(100%);transition:transform var(--dur-slow) var(--ease-out),height var(--dur-slow) var(--ease-out)}.cf-sheet.is-open{transform:translateY(0)}.cf-sheet--peek{height:280px}.cf-sheet--full{height:calc(100% - 60px)}.cf-sheet__handle{position:absolute;top:8px;left:0;right:0;display:flex;justify-content:center;pointer-events:none;z-index:1}.cf-sheet__handle span{width:36px;height:4px;background:#4a403540;border-radius:999px}.cf-sheet__close{position:absolute;top:14px;right:14px;z-index:2;width:32px;height:32px;border-radius:999px;background:var(--cf-cream-200);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--cf-espresso-800)}.cf-sheet__body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.cf-hero{position:relative;height:160px;overflow:hidden;display:flex;flex-direction:column}.cf-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 30%,#1a110a8c)}.cf-hero__brand{position:absolute;bottom:14px;left:18px;z-index:2;font:600 11px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:#faf5eceb}.cf-cafehead{padding:20px 22px 0}.cf-eyebrow{font:600 11px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--cf-mocha-600)}.cf-cafehead__name{font:700 26px var(--font-display);letter-spacing:-.022em;margin:6px 0 10px;color:var(--cf-espresso-900)}.cf-cafehead__name--sm{font-size:22px}.cf-meta-row{display:flex;align-items:center;gap:8px;margin-bottom:14px;font:500 13px var(--font-sans);color:var(--fg-secondary);flex-wrap:wrap}.cf-dot{width:3px;height:3px;border-radius:999px;background:var(--cf-ink-400)}.cf-cafehead__story{font:500 14px/1.6 var(--font-sans);color:var(--fg-secondary);letter-spacing:-.005em;margin:0 0 18px;text-wrap:pretty}.cf-owner{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--cf-cream-200);border-radius:14px;margin-bottom:16px}.cf-owner__avatar{width:44px;height:44px;border-radius:999px;flex:none;display:flex;align-items:center;justify-content:center;font:700 16px var(--font-sans);color:var(--cf-cream-100)}.cf-owner__meta{flex:1;min-width:0}.cf-owner__name{font:700 14px var(--font-sans);color:var(--cf-espresso-900);letter-spacing:-.01em}.cf-owner__role{font:500 12px var(--font-sans);color:var(--fg-secondary);margin-top:2px}.cf-info-rows{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.cf-info-row{display:flex;align-items:center;gap:12px;font:500 13px var(--font-sans);color:var(--fg-secondary)}.cf-info-row__icon{width:26px;height:26px;border-radius:8px;background:var(--cf-cream-200);display:flex;align-items:center;justify-content:center;color:var(--cf-mocha-600);font-size:14px;flex:none}.cf-section{padding:8px 22px 20px}.cf-section__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.cf-section__title{font:700 18px var(--font-sans);letter-spacing:-.015em;margin:0;color:var(--cf-espresso-900)}.cf-section__count{font:600 13px var(--font-sans);color:var(--cf-mocha-600)}.cf-empty-places{padding:16px 18px;background:var(--cf-cream-200);border-radius:14px;font:500 13px/1.55 var(--font-sans);color:var(--fg-secondary);text-align:center}.cf-empty-places strong{color:var(--cf-espresso-800);font-weight:700}.cf-quote{margin:0 22px 20px;padding:16px 18px;background:var(--cf-cream-200);border-radius:14px;position:relative}.cf-quote:before{content:"“";position:absolute;top:-10px;left:12px;font:700 42px var(--font-display);color:var(--cf-caramel-500);line-height:1}.cf-quote__text{font:500 14px/1.6 var(--font-sans);color:var(--cf-espresso-900);letter-spacing:-.005em;text-wrap:pretty}.cf-quote__by{font:600 12px var(--font-sans);color:var(--cf-mocha-600);margin-top:8px}.cf-tipbox{background:#f08a3e1a;border:1px solid rgba(240,138,62,.28);border-radius:14px;padding:14px 16px;margin:0 22px 18px;display:flex;gap:12px;align-items:flex-start}.cf-tipbox__icon{font-size:18px;flex:none}.cf-tipbox__title{font:700 13px var(--font-sans);color:var(--cf-espresso-900);margin-bottom:4px;letter-spacing:-.005em}.cf-tipbox__body{font:500 12.5px/1.55 var(--font-sans);color:#5b3a1f;margin:0}.cf-peek{padding:24px 22px 0}.cf-peek__count{display:flex;gap:8px;align-items:center;margin-bottom:14px}.cf-peek__count-num{font:700 14px var(--font-sans);color:var(--cf-espresso-900)}.cf-action-row{display:flex;gap:8px;padding:0 22px 16px}.cf-btn{font:600 14px var(--font-sans);letter-spacing:-.005em;border:none;cursor:pointer;padding:13px 18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);font-family:inherit;text-decoration:none}.cf-btn:active{transform:scale(.97)}.cf-btn--primary{background:var(--cf-espresso-800);color:var(--cf-cream-100);flex:1}.cf-btn--primary:hover{background:var(--cf-espresso-900)}.cf-btn--secondary{background:var(--cf-cream-200);color:var(--cf-espresso-800);border:1px solid rgba(74,64,53,.12)}.cf-btn--icon{width:46px;height:46px;padding:0;border-radius:999px}.cf-bottomnav{position:absolute;left:0;right:0;bottom:0;z-index:9;display:flex;background:#fdfbf6f0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(74,64,53,.1);padding:8px 8px calc(14px + env(safe-area-inset-bottom,0))}.cf-navitem{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0 4px;color:var(--fg-tertiary);font:600 10px var(--font-sans);letter-spacing:.02em;cursor:pointer;background:none;border:none;font-family:inherit}.cf-navitem.is-active{color:var(--cf-espresso-800)}.cf-navitem svg{width:22px;height:22px}.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)}.cf-loading__error code{background:var(--cf-cream-200);padding:2px 6px;border-radius:4px;font-size:12px}.cf-provenance{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--cf-espresso-800);border-radius:14px;color:var(--cf-cream-100)}.cf-cafeprov__photo{width:44px;height:44px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:18px;flex:none;color:var(--cf-cream-100)}.cf-placecard{all:unset;display:flex;gap:12px;align-items:center;padding:12px;background:var(--cf-cream-200);border-radius:14px;cursor:pointer;width:100%;box-sizing:border-box;transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.cf-placecard:hover:not(:disabled){background:var(--cf-cream-100)}.cf-placecard:active:not(:disabled){transform:scale(.98)}.cf-placecard__photo{width:56px;height:56px;border-radius:12px;flex:none}.cf-placecard__body{flex:1;min-width:0}.cf-placecard__name{font:700 14px var(--font-sans);color:var(--cf-espresso-900);letter-spacing:-.01em;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-placecard__meta{display:flex;align-items:center;gap:6px;font:500 12px var(--font-sans);color:var(--fg-secondary);flex-wrap:wrap}.cf-placecard__note{font:500 12px/1.4 var(--font-sans);color:var(--fg-tertiary);margin-top:4px;font-style:italic}.cf-placecard__chevron{flex:none;color:var(--cf-ink-400)}.cf-provenance{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--cf-espresso-800);border-radius:14px;color:var(--cf-cream-100)}.cf-provenance__label{font:600 11px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--cf-caramel-500);flex:none}.cf-provenance__cafe{all:unset;font:700 14px var(--font-sans);color:var(--cf-cream-100);letter-spacing:-.01em;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#faf5ec66}.cf-cafeprov{all:unset;display:flex;gap:12px;align-items:center;padding:12px;background:var(--cf-espresso-800);border-radius:14px;cursor:pointer;width:100%;box-sizing:border-box;margin-bottom:8px;color:var(--cf-cream-100);transition:transform var(--dur-fast) var(--ease-out)}.cf-cafeprov:active{transform:scale(.98)}.cf-cafeprov__photo{width:44px;height:44px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:18px;flex:none}.cf-cafeprov__body{flex:1;min-width:0}.cf-cafeprov__label{font:700 14px var(--font-sans);color:var(--cf-cream-100);letter-spacing:-.01em}.cf-cafeprov__sub{font:500 12px var(--font-sans);color:#faf5eca6;margin-top:2px}.cf-cafeprov[style*=cream-200] .cf-cafeprov__label{color:var(--cf-espresso-900)}.cf-cafeprov[style*=cream-200] .cf-cafeprov__sub{color:var(--fg-secondary)}@keyframes cf-user-pulse{0%{transform:scale(.6);opacity:.55}to{transform:scale(2.6);opacity:0}}.cf-placelist{display:flex;flex-direction:column;gap:10px}.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{padding:calc(14px + env(safe-area-inset-top,0)) 18px 12px;background:var(--cf-espresso-900);box-shadow:0 2px 8px #2a1a0e2e;flex:none}.cf-sidepanel__logo{height:auto;width:auto;max-height:28px;max-width:100%;display:block;object-fit:contain}.cf-sidepanel__body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.cf-sidepanel__empty{padding:80px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--fg-secondary)}.cf-sidepanel__empty-icon{font-size:48px;margin-bottom:18px;opacity:.55}.cf-sidepanel__empty-title{font:700 18px var(--font-sans);color:var(--cf-espresso-900);letter-spacing:-.015em;margin:0 0 8px}.cf-sidepanel__empty-desc{font:500 13.5px/1.55 var(--font-sans);color:var(--fg-secondary);margin:0;max-width:280px}.cf-sidepanel .cf-hero{height:180px}.cf-stage{left:420px}.cf-chips-row{top:18px;left:420px;right:0;max-width:none;padding:0 18px}.cf-sheet{display:none!important}}