:root{--bg:#fff;--soft:#f5f5f5;--paper:#fff;--ink:#000;--ink-soft:#555;--mute:#888;--line:#dedede;--brand:#000;--brand-2:#222;--accent:#ff3838;--leaf:#000;--danger:#ff3838;--primary-50:#f5f5f5;--primary-100:#e8e8e8;--primary-800:#333;--shadow:0 14px 34px rgba(0,0,0,.15);--radius-md:0;--radius-lg:0;--radius-xl:0;--duration:180ms;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0}body{font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--ink);letter-spacing:-.02em}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.sheet-handle{display:none}
.topbar{height:72px;padding:10px 18px 10px 22px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:relative;z-index:1000}.brand{display:flex;align-items:center;gap:12px}.brand__mark{width:24px;height:34px;border-radius:50%;display:block;position:relative;background:var(--brand);transform:rotate(-13deg)}.brand__mark::before{content:"";position:absolute;inset:6px 5px;border-radius:50%;background:#fff}.brand__mark::after{content:"";position:absolute;width:6px;height:9px;top:7px;left:9px;border-radius:50%;background:var(--accent)}.brand strong{display:block;font-size:19px;font-weight:950;letter-spacing:-.045em}.brand small{display:block;color:var(--mute);font-size:13px;margin-top:2px}.topbar__actions{display:flex;gap:8px;align-items:center}
.button{min-height:44px;border:1px solid transparent;border-radius:var(--radius-md);padding:0 16px;font-weight:750;transition:transform 120ms var(--ease),background var(--duration) var(--ease)}.button:active{transform:scale(.98)}.button--primary{background:var(--brand);color:#17300b}.button--primary:hover{background:var(--brand-2)}.button--outline{border-color:var(--line);background:var(--soft)}.icon-button{border:1px solid var(--line);background:var(--paper);width:42px;height:42px;border-radius:999px;font-size:22px}.app-shell{height:calc(100vh - 72px);display:grid;grid-template-columns:370px minmax(360px,1fr) 330px;overflow:hidden}.sidebar,.detail-panel{background:var(--paper);overflow:auto;position:relative;z-index:500}.sidebar{border-right:1px solid var(--line);padding:16px}.detail-panel{border-left:1px solid var(--line)}
.search-wrap input{width:100%;height:46px;border:1px solid transparent;border-radius:var(--radius-md);background:var(--soft);padding:0 14px;outline:none}.search-wrap input:focus{background:#fff;border-color:#68bc1a;box-shadow:0 0 0 3px var(--primary-100)}.filters{padding:13px 0 15px;border-bottom:1px solid var(--line)}.filter-row{display:grid;grid-template-columns:38px 1fr;gap:7px;align-items:start;margin-top:9px}.filter-row b{font-size:13px;color:var(--mute);padding-top:8px}.chips{display:flex;gap:5px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:white;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:700}.chip.is-active{background:var(--brand);border-color:var(--brand);color:#17300b}.ranking,.restaurant-section{padding-top:18px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:11px}.section-heading h2{font-size:20px;font-weight:850;letter-spacing:-.03em;margin:2px 0 0}.eyebrow{font-size:11px;letter-spacing:.13em;color:var(--primary-800);font-weight:850}.section-heading select{border:0;background:transparent;color:var(--mute);font-size:13px}.ranking-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.ranking-item{display:grid;grid-template-columns:25px 1fr auto;gap:8px;align-items:center;padding:10px;border:0;border-radius:var(--radius-lg);background:var(--primary-50)}.rank{font-size:20px}.ranking-item strong{font-size:14px}.ranking-item small{display:block;color:var(--mute);font-size:12px}.ranking-item em{font-style:normal;color:#d9474f;font-weight:850;font-size:13px}.restaurant-list{display:grid;gap:8px}.restaurant-card{border:1px solid var(--line);background:#fff;border-radius:var(--radius-lg);padding:13px;text-align:left;width:100%;transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.restaurant-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(19,21,24,.09)}.restaurant-card.is-active{border-color:var(--brand);box-shadow:0 0 0 2px var(--primary-100)}.restaurant-card__top{display:flex;justify-content:space-between;gap:8px}.restaurant-card h3{margin:0;font-size:16px;font-weight:750}.restaurant-card p{margin:5px 0 8px;color:var(--mute);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tags{display:flex;gap:5px;align-items:center}.tag{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;background:var(--primary-50);color:var(--primary-800);font-size:12px;font-weight:800}.heart-count{color:#d9474f;font-weight:850;font-size:13px;margin-left:auto}
.map-area{position:relative}.map-area,#map{width:100%;height:100%}.map-area.is-picking #map{cursor:crosshair}.map-error{height:100%;display:grid;place-content:center;gap:8px;text-align:center;background:var(--soft);color:var(--ink)}.map-error span{font-size:14px;color:var(--mute)}.pick-guide{position:absolute;z-index:700;top:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:11px 14px;background:var(--ink);color:white;border-radius:var(--radius-lg);box-shadow:var(--shadow);font-size:14px;white-space:nowrap}.pick-guide[hidden]{display:none}.pick-guide button{border:0;border-left:1px solid rgba(255,255,255,.3);padding-left:12px;background:transparent;color:white}.picked-position{margin:0;padding:10px 12px;border-radius:var(--radius-md);background:var(--primary-50);color:var(--primary-800);font-size:13px}.map-refresh{position:absolute;z-index:450;top:16px;left:50%;transform:translateX(-50%);box-shadow:0 8px 24px rgba(19,21,24,.09);white-space:nowrap}.map-legend{position:absolute;z-index:450;bottom:18px;left:18px;background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:var(--radius-md);padding:8px 10px;display:flex;gap:10px;font-size:12px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.dot--local{background:var(--brand)}.dot--general{background:#a2a2a2}.local-marker{width:34px;height:34px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--brand);border:3px solid white;box-shadow:0 3px 10px rgba(19,21,24,.24);display:grid;place-items:center}.local-marker span{transform:rotate(45deg);color:#17300b;font-size:16px}.local-marker.selected{width:42px;height:42px;background:var(--accent)}
.empty-detail{height:100%;display:grid;place-content:center;text-align:center;color:var(--mute);padding:30px}.empty-detail>span{font-size:47px;color:var(--accent)}.empty-detail h2{font-size:20px;font-weight:850;color:var(--ink)}.empty-detail p{font-size:14px;line-height:1.7}.detail-content{padding:22px}.detail-content__hero{height:130px;margin:-22px -22px 18px;background:var(--primary-50);display:grid;place-items:center;color:var(--accent);font-size:52px;position:relative;overflow:hidden}.detail-content__hero::after{content:"";position:absolute;width:88px;height:140px;border-radius:50%;background:var(--brand);right:20px;top:-30px;transform:rotate(-13deg);opacity:.8}.detail-content h2{margin:0 0 8px;font-size:26px;font-weight:850;letter-spacing:-.035em}.detail-meta{font-size:14px;color:var(--mute);margin:14px 0;line-height:1.7}.detail-like{display:flex;align-items:center;gap:7px;font-weight:850;color:#d9474f;font-size:16px}.message-card{margin:14px 0;padding:14px;background:var(--soft);border:0;border-radius:var(--radius-lg)}.message-card b{font-size:12px;color:var(--primary-800)}.message-card p{font-size:15px;line-height:1.55;margin:7px 0}.message-card small{color:var(--mute);font-size:11px}.detail-actions{display:grid;gap:8px}.detail-actions .button{width:100%}.mobile-register{display:none}.toast{position:fixed;z-index:3000;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;background:var(--ink);color:white;padding:12px 18px;border-radius:var(--radius-md);font-size:14px;transition:var(--duration) var(--ease);pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
dialog{border:0;padding:0;border-radius:var(--radius-xl);background:var(--paper);color:var(--ink);box-shadow:0 24px 60px rgba(19,21,24,.18);width:min(460px,calc(100% - 28px))}dialog::backdrop{background:rgba(19,21,24,.52);backdrop-filter:blur(3px)}.dialog-card{padding:24px;display:grid;gap:16px}.dialog-heading{display:flex;justify-content:space-between;align-items:start}.dialog-heading h2{margin:2px 0;font-size:26px;font-weight:850;letter-spacing:-.035em}.dialog-card label,.dialog-card legend{font-size:14px;font-weight:750}.dialog-card input,.dialog-card select,.dialog-card textarea{width:100%;margin-top:6px;padding:11px;border:1px solid transparent;border-radius:var(--radius-md);background:var(--soft);outline:none}.dialog-card input:focus,.dialog-card select:focus,.dialog-card textarea:focus{background:#fff;border-color:#68bc1a;box-shadow:0 0 0 3px var(--primary-100)}.dialog-card textarea{height:85px;resize:none}.dialog-card label>small{float:right;color:var(--mute)}.help{margin:0;color:var(--mute);font-size:13px}fieldset{border:0;padding:0;margin:0}.radio-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px}.radio-cards input{position:absolute;opacity:0}.radio-cards span{display:block;text-align:center;border:1px solid var(--line);border-radius:var(--radius-md);padding:10px;background:white}.radio-cards input:checked+span{background:var(--brand);color:#17300b;border-color:var(--brand);font-weight:800}.dialog-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:6px}
@media(max-width:1100px){.app-shell{grid-template-columns:330px 1fr}.detail-panel{position:absolute;z-index:900;right:16px;top:88px;bottom:16px;width:320px;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);display:none}.detail-panel.is-open{display:block}}
@media(max-width:720px){.topbar{height:62px;padding:8px 12px}.brand strong{font-size:16px}.brand small{display:none}.brand__mark{width:20px;height:28px}.brand__mark::after{left:7px}.topbar .button{display:none}.app-shell{height:calc(100dvh - 62px);display:block}.map-area{height:100%}.sidebar{position:fixed;z-index:1000;left:0;right:0;top:auto;bottom:0;height:30dvh;border:1px solid var(--line);border-bottom:0;border-radius:22px 22px 0 0;padding:0 12px 16px;box-shadow:0 -16px 40px rgba(19,21,24,.13);overflow:auto;overscroll-behavior:contain;transition:height var(--duration) var(--ease);background:#fff}.sidebar.sheet-peek{height:30dvh}.sidebar.sheet-half{height:55dvh}.sidebar.sheet-full{height:calc(100dvh - 132px)}.sidebar.is-dragging{transition:none}.sheet-handle{display:grid;position:sticky;top:0;z-index:4;width:100%;height:48px;place-items:center;border:0;background:rgba(255,255,255,.97);touch-action:none}.sheet-handle span{width:38px;height:4px;border-radius:99px;background:#d4d4d4}.sheet-handle b{font-size:13px;margin-top:-8px}.search-wrap{margin-top:6px}.filters{display:none}.ranking{position:fixed;z-index:900;top:70px;left:10px;right:10px;padding:10px;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 8px 24px rgba(19,21,24,.09);backdrop-filter:blur(10px)}.ranking .section-heading{margin-bottom:7px}.ranking .section-heading h2{font-size:16px}.ranking .eyebrow{display:none}.ranking .section-heading select{font-size:12px}.ranking-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.ranking-item{display:block;padding:7px;text-align:center}.ranking-item .rank{display:block;font-size:16px}.ranking-item strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-item small{display:none}.ranking-item em{display:block;font-size:10px;margin-top:2px}.restaurant-section{padding-top:12px}.restaurant-list{display:grid;overflow:visible}.restaurant-card{min-width:0}.detail-panel{position:fixed;display:block;right:0;left:0;top:auto;bottom:-80dvh;width:auto;height:72dvh;border-radius:22px 22px 0 0;transition:var(--duration) var(--ease);z-index:1500}.detail-panel.is-open{bottom:0}.mobile-register{display:grid;place-items:center;position:fixed;z-index:1200;right:18px;bottom:calc(30dvh + 14px);width:56px;height:56px;border:0;border-radius:50%;background:var(--brand);color:#17300b;font-size:28px;font-weight:800;box-shadow:var(--shadow);transition:bottom var(--duration) var(--ease)}.map-legend{display:none}.pick-guide{top:116px;max-width:calc(100% - 20px);white-space:normal}.map-refresh{top:116px}dialog{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border-radius:0}.dialog-card{min-height:100%;align-content:start;padding:24px 20px calc(24px + env(safe-area-inset-bottom))}.dialog-actions{margin-top:auto;position:sticky;bottom:0;background:#fff;padding-top:12px}.dialog-actions .button{flex:1}}
/* 29CM-inspired editorial theme */
.topbar{background:rgba(255,255,255,.98);border-bottom:2px solid #000}.brand__mark{width:38px;height:38px;border-radius:0;background:transparent;transform:none;display:block;object-fit:contain}.brand strong{font-size:20px;font-weight:900;letter-spacing:-.055em}.brand small{font-size:12px;letter-spacing:.02em}.button--primary{color:#fff}.icon-button{border-radius:0}.search-wrap{margin-top:18px}.search-wrap input{border:0;border-bottom:1px solid #000;border-radius:0;background:#fff;padding-left:2px}.search-wrap input:focus{border-color:#000;box-shadow:none}.chip{border-radius:0}.chip.is-active{color:#fff}.ranking{margin:-16px -16px 0;padding:18px 16px;background:#fff0f2;border-top:0;border-bottom:3px solid #000}.ranking .eyebrow,.ranking-item em{color:#ff3838}.ranking-item{background:#fff;border-bottom:1px solid #ffc9d0}.ranking-item em,.heart-count,.detail-like{color:var(--accent)}.restaurant-card:hover{transform:none}.restaurant-card.is-active{border-color:#000;box-shadow:inset 3px 0 #000}.tag{border-radius:0}.local-marker span,.radio-cards input:checked+span{color:#fff}.detail-content__hero{border-bottom:1px solid #000}.detail-content__hero::after{border-radius:0;transform:rotate(12deg)}
@media(max-width:720px){.brand__mark{width:28px;height:28px}.sidebar,.detail-panel{border-radius:0}.ranking{position:static;inset:auto;margin:0 -12px;padding:14px 12px;border:0;border-bottom:3px solid #000;border-radius:0;box-shadow:none;backdrop-filter:none}.ranking .eyebrow{display:block}.search-wrap{margin-top:16px}.mobile-register{border-radius:0;color:#fff}.sheet-handle span{border-radius:0;background:#000}}
.ranking{padding:22px 18px}.ranking .section-heading{margin-bottom:14px}.ranking-tabs{display:flex;gap:7px;margin-bottom:14px}.ranking-tabs button{min-width:54px;padding:8px 12px;border:1px solid #ff9dab;background:#fff;color:#555;font-weight:800}.ranking-tabs button.is-active{border-color:#ff3838;background:#ff3838;color:#fff}.ranking-list{gap:10px}.ranking-item{padding:13px 12px}.search-wrap{margin-top:28px}.filters{padding:18px 0 22px}.filter-row{margin-top:12px}.restaurant-section{padding-top:30px}.section-heading{margin-bottom:16px}.restaurant-list{gap:14px}.restaurant-card{padding:16px}.detail-content h2{display:flex;align-items:center;gap:8px}.map-link{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid #000;color:#000;text-decoration:none;font-size:18px}.recommendation-block{margin:24px 0;padding:20px 0;border-top:2px solid #000;border-bottom:1px solid var(--line)}.recommendation-block>.eyebrow{display:block;margin-bottom:14px;font-size:13px}.recommendation-block .message-card{margin:0}.like-button{background:#ff3838;color:#fff;border-color:#ff3838}.like-button:hover{background:#e82929}.detail-actions{margin-top:18px}
@media(max-width:720px){.ranking{padding:18px 14px}.ranking-tabs{margin-bottom:12px}.search-wrap{margin-top:24px}.restaurant-section{padding-top:26px}}
.search-wrap{display:block}.search-wrap input{display:block;width:100%}.search-tags{display:flex;flex-wrap:wrap;gap:6px;min-height:10px;margin-top:10px}.search-tags:empty{display:none}.search-tags button{padding:6px 9px;border:1px solid #ddd;background:#f5f5f5;font-size:12px;font-weight:750}.recommendation-block .message-card{position:relative;margin:0 0 12px}.message-tools{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.message-tools button{padding:0;border:0;border-bottom:1px solid #888;background:transparent;color:#666;font-size:11px}.comment-form{display:grid;gap:9px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.comment-form label{font-size:13px;font-weight:850}.comment-form textarea{width:100%;min-height:82px;padding:11px;border:1px solid #bbb;border-radius:0;resize:vertical;font:inherit}.comment-form .button{justify-self:stretch}.ranking-tabs{display:none}
.search-heading{margin:30px 0 10px}.search-wrap{margin-top:0}
@media(max-width:720px){.search-heading{margin-top:24px}.search-wrap{margin-top:0}}
.density-marker{background:transparent;border:0}.density-marker span{display:grid;width:22px;height:22px;place-items:center;border:2px solid #fff;border-radius:50%;color:#fff;font-size:8px;box-shadow:0 2px 8px rgba(0,0,0,.28)}.map-legend{flex-wrap:wrap;max-width:360px}
.map-refresh{top:auto;bottom:24px;border:1px solid #000;background:#fff;color:#000;border-radius:0;box-shadow:0 5px 16px rgba(0,0,0,.16);font-weight:850}.map-locate{position:absolute;z-index:450;right:16px;top:16px;border:1px solid #000;background:#fff;color:#000;border-radius:0;box-shadow:0 5px 16px rgba(0,0,0,.12);font-weight:800}.keyword-suggestions{display:flex;flex-wrap:wrap;gap:6px}.keyword-suggestions button{padding:6px 9px;border:1px solid #ddd;background:#f5f5f5;font-size:12px;font-weight:750}.search-tags{min-height:0}.search-tags:empty{display:none}
@media(max-width:720px){.map-refresh{top:auto;bottom:calc(30dvh + 16px)}.map-locate{top:116px;right:10px;padding:9px 11px}}
.local-marker,.local-marker.selected{background:#ff3838}.marker-name{border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.12);font-size:11px;font-weight:700;padding:3px 6px}
.availability{margin:0 0 8px;font-size:12px;font-weight:800;color:#555}.map-link{width:20px;height:20px;border:0}.map-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.app-shell{--sidebar-width:370px;position:relative;grid-template-columns:var(--sidebar-width) 8px minmax(0,1fr)}.sidebar{width:auto;min-width:0;max-width:none;resize:none}.sidebar-resizer{position:relative;z-index:800;cursor:col-resize;background:#fff;border-right:1px solid #bbb;touch-action:none}.sidebar-resizer::after{content:"";position:absolute;left:2px;top:50%;width:3px;height:46px;transform:translateY(-50%);background:#999}.sidebar-resizer:hover,.sidebar-resizer.is-dragging{background:#ffe9ec}.restaurant-card p{white-space:normal;overflow-wrap:anywhere;line-height:1.55}.detail-panel{position:absolute;z-index:900;right:20px;top:20px;bottom:20px;width:min(420px,calc(100% - 40px));display:none;border:1px solid #000;background:#fff;box-shadow:0 16px 46px rgba(0,0,0,.22)}.detail-panel.is-open{display:block}.detail-content{position:relative;padding:30px}.detail-content__hero{display:none}.detail-close{position:absolute;right:18px;top:14px;width:34px;height:34px;border:0;background:#fff;font-size:28px;line-height:1}.topbar [data-register],.mobile-register{background:#ff3838;color:#fff;border-color:#ff3838}.topbar [data-register]:hover,.mobile-register:hover{background:#e82929}.map-locate{left:16px;right:auto}.leaflet-tile-pane{filter:grayscale(.65) saturate(.45) contrast(.9) brightness(1.08)}.recommendation-block{margin:30px 0;padding:26px 0}.recommendation-block>.eyebrow{margin-bottom:20px;letter-spacing:.16em}.recommendation-block .message-card{margin-bottom:18px;padding:20px}.message-card p{margin:12px 0;line-height:1.75;letter-spacing:0}.comment-form{gap:16px;margin-top:24px;padding-top:24px}.comment-form label{line-height:1.5}.comment-form input{width:100%;margin-top:8px;padding:12px;border:1px solid #aaa}.comment-form textarea{min-height:110px;line-height:1.65}.keyword-suggestions{gap:9px}.detail-actions{margin-top:22px}
@media(max-width:720px){.app-shell{display:block}.sidebar-resizer{display:none}.sidebar{width:auto;min-width:0;max-width:none}.detail-panel{position:fixed;left:10px;right:10px;top:76px;bottom:10px;width:auto;height:auto;border:1px solid #000}.mobile-register{display:grid;width:auto;height:48px;padding:0 16px;border-radius:0;font-size:15px;white-space:nowrap}.map-locate{left:10px;right:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}