:root{--ink:#17212b;--muted:#5a6672;--line:#d9e1e8;--bg:#f4f6f8;--surface:#fff;--brand:#2c5f8a;--brand-ink:#204a6d;--brand-tint:#e3edf6;--sun:#e0592a;--sun-dark:#b8441c;--park:#3f8f5a;--mall:#8a5cc2;--super:#c48a1a;--radius:18px;--shadow:0 10px 30px #17212b29, 0 2px 6px #17212b14;--font:"Zen Kaku Gothic New", system-ui, -apple-system, "Hiragino Sans", "Noto Sans JP", sans-serif;--ease:cubic-bezier(.22, .8, .24, 1);--panel-w:420px}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0}body{overscroll-behavior:none;overflow:hidden}button{font:inherit;color:inherit}a{color:var(--brand-ink)}svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.app{position:fixed;inset:0}.map{background:#eef1f3;position:absolute;inset:0}.leaflet-container{font-family:var(--font);background:#eef1f3}.leaflet-tile-pane{filter:grayscale(.55)brightness(1.04)contrast(.82);opacity:.82}.leaflet-control-attribution{border-radius:6px 0 0;font-size:10px;background:#ffffffdb!important}.bar{z-index:1000;top:max(12px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(14px)saturate(1.4);box-shadow:var(--shadow);background:#ffffffeb;border-radius:16px;align-items:center;gap:8px;padding:6px;display:flex;position:absolute;left:12px;right:12px}.back,.icon-btn{width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:12px;flex:none;place-items:center;text-decoration:none;display:grid;position:relative}.back:hover,.icon-btn:hover{background:var(--bg)}.back svg,.icon-btn svg{width:22px;height:22px}.title{flex:none;padding-right:6px;display:none}.kicker{letter-spacing:.14em;color:var(--muted);margin:0;font-size:10px;font-weight:700}.title h1{letter-spacing:.02em;margin:0;font-size:17px;font-weight:900;line-height:1.2}.search{flex:1;min-width:0;position:relative}.search input{background:var(--bg);width:100%;height:40px;font:inherit;color:var(--ink);border:1px solid #0000;border-radius:12px;outline:none;padding:0 12px 0 36px;font-size:16px}.search input:focus{border-color:var(--brand);background:#fff}.search-ico{width:20px;height:20px;color:var(--muted);pointer-events:none;position:absolute;top:10px;left:10px}.suggest{max-height:min(60dvh,420px);box-shadow:var(--shadow);background:#fff;border-radius:14px;margin:0;padding:6px;list-style:none;position:absolute;top:46px;left:0;right:0;overflow:auto}.suggest .grp{color:var(--muted);letter-spacing:.08em;padding:8px 10px 4px;font-size:11px;font-weight:700}.suggest li[role=option]{cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:9px 10px;display:flex}.suggest li[role=option][aria-selected=true],.suggest li[role=option]:hover{background:var(--brand-tint)}.suggest .s-ico{border-radius:8px;flex:none;place-items:center;width:28px;height:28px;font-size:12px;font-weight:900;display:grid}.suggest .s-ico.st{background:var(--ink);color:#fff}.suggest .s-ico.ar{background:var(--bg);color:var(--muted)}.suggest .s-ico.tw{background:var(--brand);color:#fff}.suggest .s-ico svg{width:16px;height:16px}.suggest .s-main{font-weight:700}.suggest .s-sub{color:var(--muted);font-size:12px;font-weight:400;display:block}.suggest .empty{color:var(--muted);padding:12px;font-size:14px}.badge{background:var(--sun);color:#fff;text-align:center;border-radius:9px;min-width:17px;height:17px;padding:0 4px;font-size:11px;font-weight:900;line-height:17px;position:absolute;top:3px;right:2px}.fav-open.has svg{fill:var(--sun);stroke:var(--sun)}.chips{z-index:999;top:calc(max(12px, env(safe-area-inset-top)) + 62px);scrollbar-width:none;gap:6px;padding:2px;display:flex;position:absolute;left:12px;right:12px;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{height:32px;color:var(--muted);cursor:pointer;white-space:nowrap;background:#fffffff0;border:0;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #17212b1f}.chip[aria-pressed=true],.chip.on{color:var(--ink)}.chip.fixed{cursor:default}.chip[aria-pressed=false] .dot{opacity:.35}.dot{border-radius:50%;width:10px;height:10px;display:inline-block}.dot.st{background:var(--ink)}.dot.park{background:var(--park)}.dot.mall{background:var(--mall)}.dot.super{background:var(--super)}.draft-tag{color:#7a5200;background:#fff3cd;border-radius:999px;flex:none;align-self:center;height:24px;padding:0 10px;font-size:11px;font-weight:700;line-height:24px;box-shadow:0 2px 8px #17212b1a}.mk{position:relative}.lbl{white-space:nowrap;pointer-events:none;transition:opacity .18s;position:absolute}.lbl.hide{opacity:0}.tw{background:var(--brand);color:#fff;cursor:pointer;width:30px;height:30px;transition:transform .2s var(--ease), background .2s;border-radius:10px 10px 10px 3px;place-items:center;display:grid;position:absolute;top:-15px;left:-15px;box-shadow:0 0 0 2.5px #fff,0 4px 10px #204a6d66}.tw svg{stroke-width:2px;width:16px;height:16px}.mk-tw:hover .tw{transform:scale(1.1)}.mk-tw .lbl{color:var(--brand-ink);background:#fffffff2;border-radius:8px;padding:3px 8px;font-size:12.5px;font-weight:700;line-height:18px;top:-12px;left:21px;box-shadow:0 1px 4px #17212b2e}.mk-tw .lbl small{color:var(--muted);margin-left:5px;font-size:11px;font-weight:500}.mk-tw.active .tw{background:var(--sun);transform:scale(1.22);box-shadow:0 0 0 3px #fff,0 0 0 7px #e0592a47,0 6px 14px #b8441c73}.mk-tw.active .lbl{color:var(--sun-dark);font-weight:900;opacity:1!important}.mk-tw.uc .tw{color:var(--brand);box-shadow:0 0 0 2px var(--brand), 0 4px 10px #204a6d40;outline-offset:-6px;background:#fff;outline:2px dashed #fff}.mk-tw.uc .tw svg{stroke-dasharray:3 2}.mk-tw.uc.active .tw{background:var(--sun);color:#fff}.c-meta .tag.uc{color:#fff;background:#e0592a}.c-meta .tag.plan{color:#fff;background:#5a6672}.mk-tw.plan .tw{color:#5a6672;background:#ffffffd9;box-shadow:0 0 0 2px #5a6672,0 4px 10px #17212b33}.mk-tw.plan .lbl{color:#4a5560}.mk-tw.fav .tw:after{content:"";background:var(--sun);border-radius:50%;width:11px;height:11px;position:absolute;top:-5px;right:-5px;box-shadow:0 0 0 2px #fff}.cl{background:var(--brand);color:#fff;cursor:pointer;border-radius:50%;place-items:center;width:42px;height:42px;font-size:15px;font-weight:900;display:grid;position:absolute;top:-21px;left:-21px;box-shadow:0 0 0 3px #fff,0 0 0 8px #2c5f8a38,0 4px 12px #204a6d59}.cl small{color:var(--brand-ink);white-space:nowrap;background:#fffffff2;border-radius:6px;padding:1px 6px;font-size:10.5px;font-weight:700;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.sta{border:4px solid var(--ink);cursor:pointer;background:#fff;border-radius:50%;width:18px;height:18px;position:absolute;top:-9px;left:-9px;box-shadow:0 2px 6px #17212b4d}.mk-st .lbl{background:var(--ink);color:#fff;letter-spacing:.04em;border-radius:7px;padding:3px 9px;font-size:14px;font-weight:900;line-height:22px;top:-14px;left:13px;box-shadow:0 2px 6px #17212b4d}.mk-st.small .lbl{font-size:12.5px;line-height:18px;top:-12px}.mk-st.focus .sta{border-color:var(--sun)}.mk-st.focus .lbl{background:var(--sun)}.pl{color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:-12px;left:-12px;box-shadow:0 0 0 2px #fff,0 2px 6px #17212b40}.pl svg{width:14px;height:14px}.pl.landmark{background:#4a5966;border-radius:6px;width:20px;height:20px;top:-10px;left:-10px;transform:rotate(45deg)}.pl.landmark svg{width:12px;height:12px;transform:rotate(-45deg)}.pl.park{background:var(--park)}.pl.mall{background:var(--mall)}.pl.supermarket{background:var(--super)}.mk-pl .lbl{color:#33404c;text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;font-size:12px;font-weight:700;line-height:18px;top:-10px;left:15px}.mk-pl.k-park .lbl{color:#2b6b40}.mk-pl.k-mall .lbl{color:#67409a}.mk-pl.k-supermarket .lbl{color:#8a6010;font-size:11.5px}.panel{z-index:1001;background:var(--surface);height:92dvh;transition:transform .38s var(--ease);will-change:transform;touch-action:none;border-radius:22px 22px 0 0;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -8px 30px #17212b2e}.panel[data-state=peek]{transform:translateY(calc(92dvh - var(--peek,52dvh)))}.panel[data-state=full]{transform:translateY(0)}.panel.dragging{user-select:none;transition:none}.ph-track img{-webkit-user-drag:none;user-select:none}.grab{cursor:grab;flex:none;place-items:center;height:22px;display:grid}.grab span{background:#c9d2da;border-radius:3px;width:40px;height:5px}.close{z-index:3;color:#fff;cursor:pointer;backdrop-filter:blur(6px);background:#17212b8c;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:12px;right:12px}.close svg{stroke-width:2.4px;width:18px;height:18px}.close.static{background:var(--bg);color:var(--ink);position:static}.card{overscroll-behavior:contain;min-height:0;padding-bottom:calc(24px + env(safe-area-inset-bottom));flex:1;overflow:hidden}.panel[data-state=full] .card{touch-action:pan-y;overflow-y:auto}.photos{margin:0 14px;position:relative}.ph-track{scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x;background:#e8edf1;border-radius:16px;display:flex;overflow-x:auto}.ph-track::-webkit-scrollbar{display:none}.ph-track figure{scroll-snap-align:start;flex:0 0 100%;margin:0;position:relative}.ph-track img{aspect-ratio:4/3;object-fit:cover;object-position:50% 30%;width:100%;display:block}.ph-credit{color:#fff;backdrop-filter:blur(4px);background:#17212b99;border-radius:8px;padding:4px 8px;font-size:10.5px;line-height:1.45;position:absolute;bottom:8px;left:8px;right:8px}.ph-credit a{color:#fff}.ph-dots{pointer-events:none;justify-content:center;gap:5px;display:flex;position:absolute;top:10px;left:0;right:0}.ph-dots i{background:#ffffff8c;border-radius:50%;width:6px;height:6px;box-shadow:0 0 2px #0006}.ph-dots i.on{background:#fff;border-radius:3px;width:16px}.ph-none{aspect-ratio:4/3;color:var(--muted);background:repeating-linear-gradient(135deg,#eef2f5 0 12px,#e7ecf0 12px 24px);border-radius:16px;align-content:center;place-items:center;gap:10px;font-size:14px;font-weight:700;display:grid}.ph-none svg{stroke-width:1.4px;color:#9aa8b5;width:54px;height:54px}.c-head{padding:16px 20px 4px}.c-meta{color:var(--muted);margin:0 0 4px;font-size:12.5px;font-weight:500}.c-meta .tag.warn{color:#7a5200;background:#fff3cd}.c-meta .tag{background:var(--brand-tint);color:var(--brand-ink);border-radius:5px;margin-right:6px;padding:1px 7px;font-size:11px;font-weight:700;display:inline-block}.c-head h2{letter-spacing:.01em;margin:0;font-size:22px;font-weight:900;line-height:1.3}.stats{background:var(--line);border-radius:14px;grid-template-columns:1fr 1fr;gap:1px;margin:14px 20px 0;display:grid;overflow:hidden}.stat{background:#fff;padding:10px 12px}.stat dt{color:var(--muted);letter-spacing:.06em;font-size:11px;font-weight:700}.stat dd{margin:2px 0 0;font-size:16px;font-weight:900;line-height:1.35}.stat dd small{color:var(--muted);font-size:12px;font-weight:500;display:block}.unk{color:#8a96a2;font-size:14px;font-weight:500}.unk:before{content:"— "}.c-row{margin:14px 20px 0;font-size:14px;line-height:1.7}.c-row b{color:var(--muted);letter-spacing:.06em;font-size:11px;display:block}.c-sum{color:#2b3640;margin:14px 20px 0;font-size:14.5px;line-height:1.85}.actions{gap:8px;margin:14px 20px 0;display:flex}.btn{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:6px;height:46px;font-size:15px;font-weight:700;display:inline-flex}.btn svg{width:18px;height:18px}.btn.primary{border-color:var(--ink);background:var(--ink);color:#fff}.btn.fav[aria-pressed=true]{border-color:var(--sun);color:var(--sun-dark);background:#fff4ef}.btn.fav[aria-pressed=true] svg{fill:var(--sun);stroke:var(--sun)}.btn:disabled{opacity:.45;cursor:default}.detail{border-top:8px solid var(--bg);margin:26px 0 0;padding:20px 20px 0}.detail h3{margin:0 0 10px;font-size:15px;font-weight:900}.detail h3+*{margin-top:0}.detail section+section{margin-top:24px}.tw-table{border-collapse:collapse;width:100%;font-size:13.5px}.tw-table th,.tw-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:8px 6px}.tw-table th{color:var(--muted);white-space:nowrap;font-size:11.5px;font-weight:700}.kv{grid-template-columns:7.5em 1fr;gap:8px 10px;margin:0;font-size:14px;line-height:1.6;display:grid}.kv dt{color:var(--muted);padding-top:1px;font-size:12.5px;font-weight:700}.kv dd{margin:0}.notes,.srcs{color:#3a4652;margin:0;padding-left:1.2em;font-size:13px;line-height:1.7}.srcs li+li,.notes li+li{margin-top:6px}.srcs .u{word-break:break-all;color:var(--muted);user-select:all;font-size:12px;display:block}.fine{color:var(--muted);margin:18px 0 0;font-size:12px;line-height:1.7}.sheet-dialog{width:min(560px,100vw - 24px);max-height:min(86dvh,760px);color:var(--ink);box-shadow:var(--shadow);background:#fff;border:0;border-radius:22px;padding:0;overflow:auto}.sheet-dialog.wide{width:min(980px,100vw - 24px)}.sheet-dialog::backdrop{backdrop-filter:blur(2px);background:#17212b59}.dlg-head{z-index:2;background:#fff;justify-content:space-between;align-items:center;padding:16px 16px 10px 20px;display:flex;position:sticky;top:0}.dlg-head h2{margin:0;font-size:18px;font-weight:900}.dlg-note{color:var(--muted);margin:0 20px 12px;font-size:12.5px;line-height:1.6}.dlg-foot{background:linear-gradient(#0000,#fff 30%);padding:12px 20px 18px;position:sticky;bottom:0}.fav-list{margin:0;padding:0 12px;list-style:none}.fav-list li{border-radius:14px;align-items:center;gap:12px;padding:8px;display:flex}.fav-list li:hover{background:var(--bg)}.fav-list .thumb{object-fit:cover;background:repeating-linear-gradient(135deg,#eef2f5 0 8px,#e7ecf0 8px 16px);border-radius:12px;flex:none;width:64px;height:64px}.fav-list .go{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;min-width:0;padding:0}.fav-list .go b{font-size:15px;font-weight:900;display:block}.fav-list .go span{color:var(--muted);font-size:12.5px}.fav-list .rm{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none}.fav-list .rm svg{width:18px;height:18px}.fav-empty{color:var(--muted);padding:24px 20px;font-size:14px;line-height:1.7}.compare-wrap{padding:0 20px 8px;overflow-x:auto}.compare{border-collapse:separate;border-spacing:0;min-width:100%;font-size:13.5px}.compare th,.compare td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;min-width:150px;padding:10px 12px;line-height:1.55}.compare thead th{background:#fff;font-size:15px;font-weight:900;position:sticky;top:0}.compare tbody th{z-index:1;color:var(--muted);background:#fff;font-size:12px;font-weight:700;position:sticky;left:0}.compare thead th:first-child,.compare tbody th{width:76px;min-width:76px}.compare small{color:var(--muted)}.about{padding:0 20px 20px;font-size:14px;line-height:1.85}.about h3{margin:18px 0 4px;font-size:14.5px;font-weight:900}.about p{margin:0 0 8px}.about .dlg-note{margin:14px 0 0}.leaflet-control-zoom{display:none}@media (width<=899px){.ph-track img,.ph-none{aspect-ratio:16/10}.panel[data-state=full] .ph-track img{aspect-ratio:4/3}}@media (width>=900px){.bar{width:min(640px, calc(100vw - var(--panel-w) - 48px));right:auto}.title{display:block}.chips{width:min(640px, calc(100vw - var(--panel-w) - 48px));right:auto}.leaflet-control-zoom{display:block;overflow:hidden;box-shadow:var(--shadow)!important;border:0!important;border-radius:12px!important}.leaflet-control-zoom a{width:38px!important;height:38px!important;color:var(--ink)!important;line-height:38px!important}.panel{height:auto;width:var(--panel-w);box-shadow:var(--shadow);touch-action:auto;border-radius:22px;inset:12px 12px 12px auto;transform:translate(calc(100% + 24px))}.panel[data-state=peek],.panel[data-state=full]{transform:none}.grab{display:none}.card{padding-top:14px;overflow-y:auto}.c-head h2{font-size:24px}}@media (prefers-reduced-motion:reduce){.panel,.tw,.lbl{transition:none!important}}