:root{--paper: rgba(255, 250, 244, .94);--ink: #1e1a16;--ink-soft: #64594d;--line: rgba(112, 87, 63, .14);--accent: #cb5c38;--accent-deep: #8a2f1f;--gold: #a77c27;--olive: #42583f;--shadow-lg: 0 20px 64px rgba(80, 45, 23, .14);--shadow-md: 0 12px 30px rgba(80, 45, 23, .1);--radius-xl: 24px;--radius-lg: 18px;--radius-md: 14px;--radius-sm: 999px;--header-height: 0px}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{min-height:100%}body{font-family:Noto Sans TC,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,rgba(203,92,56,.14),transparent 34%),radial-gradient(circle at top right,rgba(167,124,39,.14),transparent 24%),linear-gradient(180deg,#f8efe5,#fdf7f1 44%,#f6f0e7)}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}.hidden{display:none!important}#header{position:sticky;top:0;z-index:1000;padding:12px 18px 0}.header-shell{max-width:1480px;margin:0 auto;background:linear-gradient(135deg,#fffcf7f2,#fff6efeb);border:1px solid rgba(123,83,53,.1);border-radius:26px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:visible}.badge-label,.section-label,.list-kicker,.detail-item-label{display:inline-flex;letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:700}.control-panel{display:grid;grid-template-columns:minmax(260px,1.2fr) minmax(300px,2fr);gap:14px;padding:14px 18px}.header-shell.collapsed .control-panel{grid-template-columns:1fr}.search-section,.filter-section{display:flex;flex-direction:column;gap:8px}.search-hero{display:flex;justify-content:space-between;align-items:center;gap:10px}.header-shell.collapsed .filter-section{gap:0}.header-shell.collapsed .filter-body{display:none}#search-bar{position:relative}#search-input,#cuisine-select{width:100%;border:1px solid rgba(119,91,65,.14);border-radius:14px;background:#fffdfaeb;color:var(--ink);outline:none;transition:border-color .18s ease,box-shadow .18s ease}#search-input{min-height:44px;padding:11px 14px 11px 42px;font-size:13px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23a14c32' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='m21 21-4.35-4.35m1.85-5.15a7 7 0 1 1-14 0 7 7 0 0 1 14 0Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:14px center;background-size:18px 18px}#search-input:focus,#cuisine-select:focus{border-color:#cb5c3873;box-shadow:0 0 0 4px #cb5c381a}#search-dropdown{position:absolute;top:calc(100% + 6px);inset-inline:0;z-index:2200;max-height:248px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;pointer-events:auto;padding:4px;border:1px solid rgba(119,91,65,.14);border-radius:16px;background:#fffdfafa;box-shadow:var(--shadow-md)}.search-item{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border-radius:12px;transition:background .16s ease}.search-item:hover{background:#f5d8cb6b}.search-name{font-size:12px;font-weight:700}.search-meta{display:flex;align-items:center;gap:6px;min-width:0}.search-addr{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px;color:var(--ink-soft)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.section-head-main{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap}.section-label{color:var(--accent-deep)}#filter-summary{font-size:12px;color:var(--ink-soft)}.header-toggle-btn{border:1px solid rgba(119,91,65,.16);border-radius:999px;background:#fffcf7e0;color:var(--ink)}.header-toggle-btn.icon-only{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;min-width:30px}.toggle-arrow{font-size:16px;line-height:1;transition:transform .18s ease}.header-shell.collapsed .toggle-arrow{transform:rotate(180deg)}.filter-body{display:flex;flex-direction:column;gap:8px}.chip-row,.toolbar-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.filter-btn,.category-btn,.star-btn,.toggle-price-btn{min-height:32px;padding:6px 11px;border-radius:var(--radius-sm);border:1px solid rgba(119,91,65,.14);background:#fffaf5e6;color:var(--ink);font-size:12px;font-weight:600}.filter-btn.active,.category-btn.active,.star-btn.active,.toggle-price-btn.active{color:#fff8f3;border-color:transparent;background:linear-gradient(135deg,var(--accent),var(--accent-deep))}#cuisine-select{width:auto;min-width:150px;min-height:34px;padding:8px 12px;font-size:12px}.metric-row{display:flex;gap:10px;align-items:stretch}.slider-card{flex:1;padding:11px 12px;border-radius:16px;border:1px solid rgba(119,91,65,.14);background:#fffcf8e0}.slider-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}.slider-label,.slider-value{font-size:12px}.slider-value{font-weight:700;color:var(--accent-deep)}#price-filter-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}input[type=range]{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:5px;border-radius:999px;background:linear-gradient(90deg,#cb5c3833,#a77c2738);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:2px solid #fff7ef;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-deep))}input[type=range]::-moz-range-thumb{width:16px;height:16px;border:2px solid #fff7ef;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-deep))}#content{position:relative;max-width:1480px;margin:14px auto 18px;padding:0 18px 18px;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;min-height:calc(100vh - var(--header-height) - 32px)}#map-stage,#restaurant-list,#detail-card{border:1px solid rgba(119,91,65,.14);border-radius:var(--radius-xl);background:var(--paper);box-shadow:var(--shadow-md)}#map-stage{position:relative;overflow:hidden;min-height:calc(100vh - var(--header-height) - 48px);z-index:0}#map{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}#search-area-btn{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:1000;min-height:38px;padding:8px 16px;border:none;border-radius:999px;background:#291c14e0;color:#fff7ef;font-size:12px;font-weight:700}#restaurant-list{display:flex;flex-direction:column;overflow:hidden;min-height:calc(100vh - var(--header-height) - 48px);min-width:0;z-index:2;isolation:isolate}.list-sheet-handle{display:none}#list-header{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 14px 10px;border-bottom:1px solid var(--line)}.list-kicker{color:var(--accent-deep)}.list-count-badge{min-width:84px;padding:8px 10px;border-radius:12px;background:linear-gradient(180deg,#3a2218f0,#723623f5);color:#fff7ef;font-size:14px;font-weight:800;text-align:center;line-height:1.1}#list-count{display:block;margin-top:3px;font-size:12px;color:var(--ink-soft)}.list-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0}.sort-control{display:flex;flex-direction:column;gap:3px;min-width:128px;font-size:10px;font-weight:700;color:var(--accent-deep)}#sort-select{min-height:34px;max-width:158px;padding:7px 28px 7px 10px;border:1px solid rgba(119,91,65,.14);border-radius:var(--radius-sm);background:#fffcf8f0;color:var(--ink);font-size:12px;font-weight:700;outline:none}#sort-select:focus{border-color:#cb5c3873;box-shadow:0 0 0 4px #cb5c381a}#locate-btn{flex-shrink:0;min-height:34px;padding:8px 12px;border:none;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--olive),#243720);color:#fdf7ef;font-size:12px;font-weight:700}#list-items{flex:1;min-height:0;overflow-y:auto;list-style:none;padding:6px 8px 10px}.restaurant-item{display:flex;flex-direction:column;gap:5px;padding:10px 10px 11px;border-radius:14px;background:#fffcf7d1;border:1px solid transparent;transition:background .16s ease,border-color .16s ease}.restaurant-item+.restaurant-item{margin-top:4px}.restaurant-item:hover{border-color:#cb5c3829;background:#fffdf9}.restaurant-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.restaurant-item .name{font-size:14px;font-weight:700;line-height:1.32;color:#221914}.distance-pill{flex-shrink:0;padding:4px 7px;border-radius:999px;background:#24372014;color:var(--olive);font-size:11px;font-weight:700}.meta,.supporting-line{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:11px;color:var(--ink-soft)}.tag{display:inline-flex;align-items:center;min-height:22px;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:800}.tag-michelin{background:#fff0cc;color:#8b6010}.tag-plate{background:#dcecff;color:#225e9c}.tag-influencer{background:#fde2d8;color:#9a472b}.tag-both{background:#ece2ff;color:#6848a3}.tag-bowl500{background:#efe4db;color:#765240}.tag-asia50{background:#d8f2ef;color:#146f66}.tag-award{background:#f5e2ea;color:#8c3e56}.tag-reservation{background:#e3f0e1;color:#2f5d2b}.star-row{display:inline-flex;gap:1px;color:var(--gold);font-size:12px}.google-rating{font-weight:700;color:#624a37}.list-empty{padding:24px 14px;text-align:center;color:var(--ink-soft)}#detail-card{position:fixed;left:34px;right:394px;bottom:28px;z-index:900;padding:18px;overflow:auto;max-height:min(42vh,390px);transition:transform .24s ease,opacity .24s ease}#detail-card.hidden{transform:translateY(120%);opacity:0}#close-detail{position:absolute;top:12px;right:12px;width:34px;height:34px;border:none;border-radius:50%;background:#241b1514;color:#4a3f35;font-size:22px}.detail-topline{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:8px}#detail-content h2{padding-right:44px;font-family:"Noto Serif TC",serif;font-size:clamp(20px,2.8vw,28px);line-height:1.2;color:#231915}.detail-grid{display:grid;grid-template-columns:1.2fr .85fr;gap:16px;margin-top:14px}.detail-stack,.detail-actions{display:flex;flex-direction:column;gap:8px}.detail-item{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:14px;background:#fffcf7d6;border:1px solid rgba(119,91,65,.1)}.detail-item-label{color:var(--accent-deep)}.detail-item-value{font-size:13px;line-height:1.6;color:#352a23}.detail-note{margin-top:8px;padding:10px 12px;border-left:3px solid rgba(203,92,56,.52);border-radius:12px;background:#cb5c3814;font-size:12px;line-height:1.55;color:#5d4237}.detail-link{text-decoration:none;color:var(--accent-deep);font-weight:700}.detail-year{display:inline-flex;align-items:center;min-height:22px;padding:3px 8px;border-radius:999px;background:#cb5c381a;color:var(--accent-deep);font-size:10px;font-weight:800}.reserve-btn,.maps-btn{display:inline-flex;justify-content:center;align-items:center;min-height:42px;padding:10px 16px;border-radius:999px;text-decoration:none;font-size:13px;font-weight:800}.reserve-btn{background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff7f0}.maps-btn{background:#24372014;color:var(--olive)}.leaflet-container{background:#ead9c4;font:inherit}@media (max-width: 1180px){#content{grid-template-columns:1fr 330px}#detail-card{right:360px}.detail-grid{grid-template-columns:1fr}}@media (max-width: 900px){#header{position:relative;padding:10px 10px 0}.control-panel{grid-template-columns:1fr;gap:10px;padding:10px 14px 12px}.search-section,.filter-section{width:100%}.section-head{align-items:flex-start}.section-head-main{flex-direction:column;align-items:flex-start;gap:4px}.metric-row,#price-filter-panel{display:grid;grid-template-columns:1fr}#content{margin:10px auto 12px;padding:0 10px 12px;grid-template-columns:1fr;grid-template-rows:auto auto;min-height:auto;gap:10px}#map-stage{min-height:clamp(280px,44vh,480px)}#restaurant-list{position:relative;left:auto;right:auto;bottom:auto;min-height:0;height:min(54vh,520px);max-height:min(54vh,520px);z-index:2;border-radius:22px;margin-top:0;transform:none;transition:none}#restaurant-list.dragging{transition:none}.list-sheet-handle{display:none;justify-content:center;padding:8px 0 2px}#list-expand-btn{display:inline-flex;justify-content:center;align-items:center;width:100%;border:none;background:transparent;padding:0 0 4px}.sheet-bar{width:42px;height:5px;border-radius:999px;background:#64594d57}#list-header{padding-top:6px;align-items:flex-start}.search-hero{width:100%;justify-content:space-between}.list-actions{flex-direction:column;align-items:stretch}.sort-control,#sort-select{width:100%;max-width:none}#list-items{max-height:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}#detail-card{left:10px;right:10px;bottom:10px;max-height:min(58vh,440px);z-index:1300}}@media (max-width: 640px){.header-shell{border-radius:22px}.section-head{align-items:flex-start}.section-head-main{flex-direction:column;align-items:flex-start;gap:4px}#search-input{min-height:42px;font-size:12px}#search-dropdown{max-height:min(40vh,280px)}#cuisine-select{width:100%;min-width:0}.filter-btn,.category-btn,.star-btn,.toggle-price-btn,#cuisine-select{font-size:11px}#restaurant-list{height:min(52vh,480px);max-height:min(52vh,480px)}#list-items{max-height:none}.restaurant-item{padding:9px 9px 10px}.restaurant-item .name{font-size:13px}#list-header{flex-direction:column}.search-hero{gap:8px;align-items:center}.list-count-badge{min-width:72px;font-size:13px;padding:7px 9px}.list-actions{width:100%;display:grid;grid-template-columns:1fr auto;align-items:end}}