*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:#fff;color:#111}.app{display:flex;flex-direction:column;height:100%}.header{display:flex;align-items:center;justify-content:center;position:relative;padding:12px 16px;border-bottom:1px solid #e5e7eb;background:#fff}.title{font-weight:600}.nav-right{position:absolute;right:12px;display:flex;align-items:center;gap:8px}.icon-btn{background:transparent;border:none;cursor:pointer;font-size:20px;line-height:1;padding:4px}.badge{display:inline-block;min-width:20px;padding:0 6px;border-radius:999px;font-size:12px;text-align:center;margin-left:2px;background:#111827;color:#fff}.content{display:flex;flex-direction:column;gap:12px;padding:12px;max-width:1000px;width:100%;margin:0 auto}.toolbar{display:grid;grid-template-columns:1fr;gap:8px}.search{position:relative}.search input{width:100%;padding:10px 36px 10px 12px;border:1px solid #d1d5db;border-radius:10px;background:#fff;color:#111}.suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-top:4px;max-height:220px;overflow:auto;z-index:5000}.suggestions button{width:100%;text-align:left;padding:8px 12px;border:0;background:transparent;cursor:pointer}.suggestions button:hover{background:#f3f4f6}.placeholder{font-size:14px;color:#6b7280}.inputs{display:grid;grid-template-columns:1fr;gap:8px}.inputs textarea{width:100%;min-height:90px;padding:10px 12px;border:1px solid #d1d5db;border-radius:10px;background:#fff;color:#111}.submit-row{display:flex;justify-content:flex-end}.submit-row button{padding:10px 14px;border-radius:10px;border:1px solid #111827;background:#111827;color:#fff;cursor:pointer}.mapwrap{position:relative;width:100%;aspect-ratio:3 / 2;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff}.leaflet-container{height:100%;width:100%}.menu{position:absolute;top:52px;right:12px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;min-width:220px;z-index:2000}.menu a,.menu button{display:block;width:100%;text-align:left;padding:10px 12px;background:transparent;border:0;cursor:pointer}.menu a:hover,.menu button:hover{background:#f3f4f6}.spinner{position:absolute;right:10px;top:50%;width:16px;height:16px;transform:translateY(-50%);border-radius:50%;border:2px solid #d1d5db;border-top-color:#111827;animation:spin .8s linear infinite}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}.mini-spinner{display:inline-block;width:14px;height:14px;margin-left:6px;border-radius:50%;border:2px solid #d1d5db;border-top-color:#111827;animation:miniSpin .8s linear infinite;vertical-align:-2px}@keyframes miniSpin{to{transform:rotate(360deg)}}.msg-pin .msg-pin-dot{background:#111827;color:#fff;border-radius:9999px;font-size:12px;font-weight:700;line-height:24px;text-align:center;width:24px;height:24px;box-shadow:0 1px 4px #00000040}.leaflet-pane.pins{z-index:650}