#haru-share-toolbar{margin-bottom:14px}.haru-topbar{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#fff;border:1px solid #dbe6ef;border-radius:14px;padding:11px 15px;font-size:13px}.share-connected{color:#086b52;background:#e2f6ef;padding:5px 8px;border-radius:9px;font-size:12px;font-weight:700}#haru-member-gate,#haru-share-modal{position:fixed;inset:0;z-index:1000;background:#102b47c9;display:grid;place-items:center;padding:16px;overflow:auto}#haru-member-gate[hidden],#haru-share-modal[hidden]{display:none!important}.haru-gate-box,.haru-modal-inner{max-width:560px;width:100%;background:#fff;border-radius:22px;padding:25px;box-shadow:0 15px 70px #061f4170;max-height:calc(100dvh - 30px);overflow:auto}.haru-gate-head{font-size:27px;font-weight:850;color:#0875dc}.haru-member-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:14px 0}.haru-member-button{border:1px solid #cbdceb;background:#f3f9ff;display:grid;gap:8px;padding:16px 9px;text-align:center;border-radius:13px;color:#18405a}.haru-member-button span{font-size:27px}.haru-member-button:hover{background:#dff1ff}.haru-gate-detail{border:1px solid #dce5ef;padding:13px;border-radius:14px;display:grid;gap:10px;margin-top:15px}.haru-gate-detail summary{cursor:pointer;font-weight:750;padding:5px}.haru-gate-detail .field{margin:12px 0 7px}.haru-share-items{padding-left:21px;font-size:14px;line-height:1.6}.haru-share-items li{padding:5px 0}.haru-reply{font-size:13px;background:#f5f9fc;padding:9px;border-radius:8px}.haru-map-tools{position:absolute;top:14px;left:12px;z-index:401;display:flex;gap:7px;align-items:flex-start;flex-wrap:wrap;max-width:calc(100% - 24px)}.haru-map-tools button{border:2px solid #1675d9;border-radius:13px;background:#fff;color:#135ea4;padding:9px 11px;box-shadow:0 4px 14px #144e7344;font-weight:800;font-size:12px;min-height:40px}.haru-map-tools button.selected{background:#0871d7;color:white}.haru-map-toggles{position:absolute;top:60px;left:12px;z-index:402;display:flex;gap:5px;max-width:calc(100% - 24px);padding:6px;background:#fffffff0;border-radius:13px;box-shadow:0 2px 10px #1d4a6945}.haru-map-toggles button{padding:7px;border-radius:9px;border:1px solid #abcbe6;background:white;font-size:11px;min-height:35px}.haru-map-toggles button.selected{background:#0c6ed0;color:white}.haru-map-facility-menu{position:absolute;top:106px;right:12px;z-index:420;max-width:280px;background:white;padding:10px;border-radius:12px;box-shadow:0 2px 18px #0c365657}.haru-map-facility-menu[hidden]{display:none}.haru-map-facility-menu label{font-size:12px;display:flex;align-items:center;gap:8px;padding:6px}.haru-map-facility-menu .muted{font-size:11px}.haru-map-canvas-parent{position:relative}.haru-map-legend{background:#fff;box-shadow:0 2px 9px #12476444;border-radius:11px;padding:7px;position:absolute;bottom:12px;left:10px;z-index:402;font-size:11px;color:#2c5978}.haru-poi-icon{background:#fff;border:2px solid #1775b9;border-radius:50%;text-align:center;box-shadow:0 2px 8px #16355655;font-size:18px;line-height:29px}.haru-time-label{font-size:12px;background:#f1f8ff;padding:8px;border-radius:9px;display:block}.haru-route-explainer{font-size:12px;color:#496b83;background:#f1f7ff;padding:10px;border-radius:11px}@media(max-width:850px){.haru-topbar{display:grid;gap:8px}.haru-member-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.haru-map-tools{left:5px;top:5px;gap:3px}.haru-map-tools button{padding:7px 5px;font-size:10px}.haru-map-toggles{left:5px;top:52px;padding:4px}.haru-map-toggles button{padding:6px 4px}.haru-map-facility-menu{top:94px;right:5px}.haru-gate-box{padding:18px}}