:root{--green:#2D6A4F;--green2:#40916C;--orange:#F4A261;--cream:#FEFAE0;--white:#FFFFFF;--gray:#6B7280;--gray2:#F3F4F6;--radius:12px;--shadow:0 2px 12px rgba(0,0,0,0.10)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--cream);color:#1a1a1a;-webkit-font-smoothing:antialiased}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--green);color:white;display:flex;align-items:center;gap:8px;padding:0 16px;height:52px;box-shadow:0 2px 8px rgba(0,0,0,.2)}.header-logo{font-size:1.1rem;font-weight:700;letter-spacing:.03em}.header-count{margin-left:auto;font-size:.75rem;opacity:.85;background:rgba(255,255,255,.15);padding:2px 8px;border-radius:20px}.main{padding-top:52px;padding-bottom:120px;height:100dvh;display:flex;flex-direction:column}.map-container{flex:1 1;min-height:0}.spot-list-section{background:var(--white);border-top:1px solid #e5e7eb;overflow-y:auto;max-height:280px}.spot-list-header{padding:10px 16px 6px;font-size:.75rem;color:var(--gray);font-weight:500}.spot-card,.spot-list-header{border-bottom:1px solid #f3f4f6}.spot-card{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;cursor:pointer;transition:background .15s}.spot-card:active,.spot-card:hover{background:#F9FAFB}.spot-card-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:5px}.spot-card-body{flex:1 1;min-width:0}.spot-card-name{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spot-card-meta{display:flex;gap:6px;margin-top:3px;flex-wrap:wrap}.badge{display:inline-block;font-size:.65rem;font-weight:600;padding:1px 6px;border-radius:20px}.badge-category{background:#E0F2F1;color:var(--green)}.badge-policy-ok{background:#D1FAE5;color:#065F46}.badge-policy-lead{background:#FEF3C7;color:#92400E}.badge-policy-terrace{background:#EDE9FE;color:#5B21B6}.badge-policy-ask{background:#F3F4F6;color:#4B5563}.badge-seasonal{background:#DBEAFE;color:#1E40AF}.filter-bar{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:var(--white);border-top:1px solid #e5e7eb;padding:8px 0 env(safe-area-inset-bottom,8px);box-shadow:0 -2px 12px rgba(0,0,0,.08)}.filter-scroll{display:flex;gap:8px;padding:0 12px;overflow-x:auto;scrollbar-width:none}.filter-scroll::-webkit-scrollbar{display:none}.filter-btn{flex-shrink:0;display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:20px;border:1.5px solid #e5e7eb;background:white;font-size:.78rem;font-weight:500;cursor:pointer;white-space:nowrap;color:#374151;transition:all .15s;font-family:inherit}.filter-btn.active{background:var(--green);border-color:var(--green);color:white}.filter-btn-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.filter-toggle-row{display:flex;gap:8px;padding:6px 12px 0}.toggle-btn{flex-shrink:0;display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;border:1.5px solid #e5e7eb;background:white;font-size:.72rem;font-weight:500;cursor:pointer;color:#6B7280;transition:all .15s;font-family:inherit}.toggle-btn.active{background:#FEF3C7;border-color:#F59E0B;color:#92400E}.popup-name{font-size:.95rem;font-weight:700;color:var(--green);margin-bottom:6px}.popup-badges{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}.popup-comment{font-size:.8rem;color:#374151;line-height:1.5;margin-bottom:8px}.popup-address{font-size:.72rem;color:var(--gray);margin-bottom:6px}.popup-link{display:inline-block;font-size:.75rem;color:var(--green);text-decoration:none;font-weight:600}.popup-link:hover{text-decoration:underline}.popup-seasonal-warn{display:inline-block;font-size:.72rem;background:#DBEAFE;color:#1E40AF;padding:2px 8px;border-radius:20px;margin-bottom:6px}.admin-container{max-width:640px;margin:80px auto 40px;padding:0 16px}.admin-title{font-size:1.3rem;font-weight:700;color:var(--green);margin-bottom:24px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:.82rem;font-weight:600;color:#374151;margin-bottom:6px}.form-label .required{color:#EF4444;margin-left:4px}.form-input,.form-select,.form-textarea{width:100%;padding:10px 12px;border:1.5px solid #d1d5db;border-radius:var(--radius);font-size:.88rem;font-family:inherit;color:#111827;background:white;transition:border-color .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--green)}.form-textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.submit-btn{width:100%;padding:14px;background:var(--green);color:white;border:none;border-radius:var(--radius);font-size:1rem;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s}.submit-btn:hover{background:var(--green2)}.submit-btn:disabled{background:#9CA3AF;cursor:not-allowed}.success-msg{background:#D1FAE5;color:#065F46}.error-msg,.success-msg{padding:12px 16px;border-radius:var(--radius);font-size:.88rem;margin-bottom:16px}.error-msg{background:#FEE2E2;color:#B91C1C}.leaflet-bottom,.leaflet-top{z-index:500!important}