.map-shell{position:relative;height:calc(100vh - var(--hh,76px));height:calc(100dvh - var(--hh,76px));min-height:480px}
#map{position:absolute;inset:0;background:#e9eef1}
.m-panel{position:absolute;z-index:500;left:14px;top:14px;width:min(330px,calc(100% - 28px));max-height:calc(100% - 28px);overflow:auto;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:16px}
.m-panel h1{font-family:Georgia,serif;font-size:1.35rem;margin:0 0 4px;color:var(--ink)}.m-panel p{margin:0 0 12px;font-size:.84rem;color:var(--muted);line-height:1.5}
.m-row{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.m-pill{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:6px 11px;font:700 .76rem Inter,system-ui,sans-serif;cursor:pointer}
.m-pill[aria-pressed="true"]{background:#102f52;color:#fff;border-color:#102f52}
.m-fav{width:100%;margin-top:4px;border:0;border-radius:14px;padding:11px;background:#cb765f;color:#fff;font:800 .86rem Inter,system-ui,sans-serif;cursor:pointer}
.m-favlist{margin:10px 0 0;padding:0;list-style:none;font-size:.84rem}.m-favlist li{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid var(--line)}
.m-favlist button{border:0;background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer;padding:0}.m-favlist .x{color:#a54f3b;font-weight:900}
.m-share{display:flex;gap:6px;margin-top:10px}.m-share input{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:8px;font-size:.74rem}.m-share button{border:0;border-radius:10px;background:#102f52;color:#fff;padding:8px 12px;font-weight:800;font-size:.76rem;cursor:pointer}
.m-banner{margin:0 0 12px;padding:10px 12px;border-radius:12px;background:#fbf3ea;font-size:.82rem;line-height:1.45}.m-banner button{margin:6px 6px 0 0;border:0;border-radius:999px;padding:6px 11px;font-weight:800;font-size:.74rem;cursor:pointer;background:#102f52;color:#fff}
.pin{display:block;width:16px;height:16px;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.35)}
.pin.c-Tokyo{background:#cb765f}.pin.c-Kanazawa{background:#89a998}.pin.c-Kyoto{background:#99afc4}.pin.c-Osaka{background:#c9a24a}
.pin.fav{width:22px;height:22px;background:#e0344b;border-color:#fff}
.leaflet-popup-content h3{margin:0 0 4px;font:700 1rem Georgia,serif;color:#102f52}.leaflet-popup-content p{margin:0 0 8px;font-size:.84rem;line-height:1.45;color:#26364a}
.pop-actions{display:flex;gap:8px;flex-wrap:wrap}.pop-actions a,.pop-actions button{border:1px solid #d9d2c6;background:#fff;border-radius:999px;padding:6px 11px;font:800 .75rem Inter,system-ui,sans-serif;color:#102f52;text-decoration:none;cursor:pointer}
.pop-actions button.on{background:#e0344b;color:#fff;border-color:#e0344b}
@media(max-width:640px){.m-panel{top:auto;bottom:10px;left:10px;width:calc(100% - 20px);max-height:44%}}