: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-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(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:#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;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__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;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-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}}.cf-cafelist{display:flex;flex-direction:column}.cf-cafelist__header{display:flex;align-items:center;gap:10px;padding:6px 20px 16px;position:sticky;top:0;background:#fff;z-index:2}.cf-cafelist__pin{font-size:16px;line-height:1}.cf-cafelist__location{font:700 17px var(--font-sans);color:#1a1a1a;letter-spacing:-.018em;flex:1}.cf-cafelist__count{font:600 13px var(--font-sans);color:#00000080;letter-spacing:-.005em}.cf-cafelist__header--detail{padding-left:8px;gap:6px}.cf-cafelist__back{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-cafelist__back:active{background:#0000000f}.cf-cafelist__items{display:flex;flex-direction:column;gap:14px;padding:4px 16px 24px}.cf-cafecard{display:block;width:100%;border:none;background:transparent;padding:0;text-align:left;cursor:pointer;font-family:inherit;transition:transform .18s cubic-bezier(.22,1,.36,1)}.cf-cafecard:active{transform:scale(.98)}.cf-cafecard__photo{position:relative;height:200px;border-radius:16px;overflow:hidden;background:#f5f5f5}.cf-cafecard__photo-bg{position:absolute;top:0;right:0;bottom:0;left:0}.cf-cafecard__photo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 35%,#0000009e)}.cf-cafecard__photo-meta{position:absolute;left:16px;right:16px;bottom:14px;display:flex;flex-direction:column;gap:4px;color:#fff}.cf-cafecard__name{font:700 19px var(--font-sans);letter-spacing:-.02em;line-height:1.25}.cf-cafecard__sub{font:500 13px var(--font-sans);color:#ffffffeb;letter-spacing:-.005em}.cf-cafecard__dot{margin:0 6px;opacity:.55}.cf-cafecard__rec{color:#ffd89b;font-weight:600}.cf-cafecard__distances{display:flex;flex-direction:column;gap:4px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.15)}.cf-cafecard__dist{display:inline-flex;align-items:baseline;gap:6px;font:500 13px var(--font-sans);color:#ffffffeb;letter-spacing:-.005em;line-height:1.35}.cf-cafecard__dist strong{font-weight:700;color:#fff}.cf-cafecard__dist-icon{font-size:13px;margin-right:2px;opacity:.85}.cf-cafecard__dist-sub{color:#ffffff8c;font-size:12px;font-weight:500}.cf-cafecard.is-selected .cf-cafecard__photo{outline:2.5px solid #D67522;outline-offset:-2.5px}.cf-cafedetail{display:flex;flex-direction:column}.cf-cafedetail__gallery{position:relative;width:100%;aspect-ratio:1 / 1;max-height:60vh;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#f5f5f5}.cf-cafedetail__gallery::-webkit-scrollbar{display:none}.cf-cafedetail__slide{position:relative;flex:0 0 100%;scroll-snap-align:start;overflow:hidden}.cf-cafedetail__slide-bg{position:absolute;top:0;right:0;bottom:0;left:0}.cf-cafedetail__slide-img{width:100%;height:100%;object-fit:cover;display:block}.cf-cafedetail__slide-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff}.cf-cafedetail__hero-dots{position:absolute;top:calc(min(100vw,60vh) - 24px);left:0;right:0;display:flex;justify-content:center;gap:6px;pointer-events:none;z-index:2}.cf-cafedetail__hero-dots span{width:6px;height:6px;border-radius:999px;background:#ffffff8c;transition:width .2s ease-out,background-color .2s ease-out}.cf-cafedetail__hero-dots span.is-active{background:#fff;width:18px}.cf-cafedetail__head{padding:20px 20px 12px;display:flex;flex-direction:column;gap:10px}.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}.cf-cafedetail__chip-dot{width:8px;height:8px;border-radius:999px;background:#1a1a1a}.cf-cafedetail__name{font:700 28px 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 14px var(--font-sans);color:#0000008c;letter-spacing:-.005em}.cf-cafedetail__head-dot{opacity:.5}.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__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-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{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{background:#0000000f}.cf-sheet__topbar-spacer{flex:1}.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__share:active{background:#0000000f}.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}