@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;overscroll-behavior-y:contain;height:100%;overflow-x:hidden}:root{--forest:#1b3a2d;--forest-mid:#2d5a42;--forest-light:#3d7a5a;--amber:#f0a500;--amber-light:#fbbf24;--cream:#fdf6ec;--cream-dark:#f5e9d5;--coral:#e8622a;--text-dark:#1a1a1a;--text-mid:#4a4a4a;--text-light:#8a8a8a;--white:#fff;--card-shadow:0 4px 24px #1b3a2d1a;--card-shadow-hover:0 12px 40px #1b3a2d2e}body{background:var(--cream);color:var(--text-dark);-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);font-family:DM Sans,sans-serif;overflow:hidden}.syne{font-family:Syne,sans-serif}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#e8e0d4}::-webkit-scrollbar-thumb{background:#9ca3af;border:2px solid #e8e0d4;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#6b7280}html{scrollbar-width:auto;scrollbar-color:#9ca3af #e8e0d4}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bellPulse{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}@keyframes fadeHighlight{0%{background-color:#f59e0b33}to{background-color:#0000}}@keyframes livePulse{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 6px #dc262600}}@keyframes labelBlink{0%,to{background:#fef3c7;border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b2e}50%{background:#fffbeb;border-color:#fbbf24;box-shadow:0 0 0 8px #f59e0b0d}}.label-blink{animation:.55s ease-in-out 6 labelBlink}.fade-up{animation:.45s both fadeUp}.fade-in{animation:.3s both fadeIn}.scale-in{animation:.3s cubic-bezier(.34,1.56,.64,1) both scaleIn}.d-1{animation-delay:50ms}.d-2{animation-delay:.1s}.d-3{animation-delay:.15s}.d-4{animation-delay:.2s}.event-card{cursor:pointer;transition:transform .25s,box-shadow .25s}.event-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.event-row:hover{background:#f5f0e8!important}.btn{cursor:pointer;border:none;border-radius:50px;outline:none;justify-content:center;align-items:center;gap:7px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--forest);color:var(--white);padding:12px 28px}.btn-primary:hover{background:var(--forest-mid);transform:translateY(-1px)}.btn-amber{background:var(--amber);color:var(--forest);padding:12px 28px}.btn-amber:hover{background:var(--amber-light);transform:translateY(-1px)}.btn-ghost{color:var(--forest);border:2px solid var(--forest);background:0 0;padding:10px 20px;font-size:14px}.btn-ghost:hover,.btn-ghost.active{background:var(--forest);color:var(--white)}.btn-sm{padding:8px 18px!important;font-size:13px!important}.btn-icon{width:40px;height:40px;border-radius:50%!important;padding:0!important}.input-field{color:var(--text-dark);background:var(--white);border:2px solid #e8e0d4;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:15px;transition:border-color .2s}.input-field:focus{border-color:var(--forest-mid)}select.input-field{appearance:none;cursor:pointer}textarea.input-field{resize:vertical}.tag{letter-spacing:.02em;border-radius:50px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.tag-green{color:#166534;background:#dcfce7}.tag-blue{color:#1e40af;background:#dbeafe}.tag-gray{color:#4b5563;background:#f3f4f6}.tag-coral{color:var(--coral);background:#fde8dc}.tag-purple{color:#5b21b6;background:#ede9fe}.tag-amber{color:#92400e;background:#fef3c7}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-box{background:var(--white);-webkit-overflow-scrolling:touch;border-radius:20px;width:100%;max-width:640px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 80px #00000038}.nav{z-index:900;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fdf6ecf2;border-bottom:1.5px solid #e8e0d4;position:sticky;top:0}.hero{background:linear-gradient(135deg,var(--forest) 0%,var(--forest-mid) 60%,#4a9a6e 100%);position:relative;overflow:hidden}.hero:before{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.search-bar{background:var(--white);border-radius:16px;align-items:center;gap:8px;padding:8px 8px 8px 20px;display:flex;box-shadow:0 8px 32px #0000002e}.search-bar input{color:var(--text-dark);background:0 0;border:none;outline:none;flex:1;font-family:DM Sans,sans-serif;font-size:15px}.filter-chip{background:var(--white);color:var(--text-mid);cursor:pointer;white-space:nowrap;border:2px solid #e8e0d4;border-radius:50px;align-items:center;gap:6px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:all .18s;display:inline-flex}.filter-chip:hover{border-color:var(--forest-mid);color:var(--forest)}.filter-chip.active{border-color:var(--forest);background:var(--forest);color:var(--white)}.event-thumb{border-radius:14px 14px 0 0;align-items:flex-end;width:100%;height:180px;padding:12px;display:flex;position:relative;overflow:hidden}.emoji-icon{flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:flex;overflow:visible}.avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Syne,sans-serif;font-weight:700;display:flex}.stars{color:var(--amber);font-size:13px}.profile-hero{background:linear-gradient(135deg,var(--forest) 0%,#4a9a6e 100%);text-align:center;padding:48px 32px 80px}.stat-card{background:var(--white);box-shadow:var(--card-shadow);text-align:center;border-radius:16px;padding:20px}.toast{background:var(--forest);color:var(--white);z-index:9999;white-space:nowrap;border-radius:50px;padding:14px 28px;font-size:14px;font-weight:600;animation:.3s fadeUp;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0003}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:20px;display:grid}.section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-light);margin-bottom:10px;font-size:11px;font-weight:700}#join-map{z-index:1;width:100%;height:100%}.map-wrapper{height:calc(100dvh - 56px);position:relative}.map-filter-bar{z-index:400;background:#fdf6ecf7;border-radius:50px;align-items:center;gap:8px;max-width:90vw;padding:8px 16px;display:flex;position:absolute;top:12px;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 4px 20px #00000026}.msg-layout{height:calc(100vh - 64px);display:flex}.msg-sidebar{background:var(--white);border-right:1.5px solid #e8e0d4;flex-shrink:0;width:300px;overflow-y:auto}.msg-thread{flex-direction:column;flex:1;display:flex;overflow:hidden}.msg-thread-header{background:var(--white);border-bottom:1.5px solid #e8e0d4;align-items:center;gap:10px;padding:8px 14px;display:flex}.msg-messages{background:var(--cream);flex-direction:column;flex:1;gap:10px;padding:10px 14px;display:flex;overflow-y:auto}.msg-input-bar{background:var(--white);border-top:1.5px solid #e8e0d4;align-items:center;gap:6px;padding:6px 10px;display:flex}.msg-bubble-mine{background:var(--forest);color:#fff;border-radius:18px 18px 4px;align-self:flex-end;max-width:70%;padding:10px 16px;font-size:14px;line-height:1.5}.msg-bubble-other{background:var(--white);color:var(--text-dark);border-radius:18px 18px 18px 4px;align-self:flex-start;max-width:70%;padding:10px 16px;font-size:14px;line-height:1.5;box-shadow:0 2px 8px #00000012}.msg-item{cursor:pointer;border-bottom:1px solid #f0e8dc;padding:14px 16px;transition:background .15s}.msg-item:hover{background:var(--cream)}.msg-item.active{background:var(--cream-dark)}.auth-page{background:linear-gradient(135deg,var(--forest),#4a9a6e);justify-content:center;align-items:center;height:100dvh;padding:24px;display:flex;overflow-y:auto}.auth-card{background:var(--white);-webkit-overflow-scrolling:touch;border-radius:24px;width:100%;max-width:440px;max-height:calc(100dvh - 48px);padding:40px;overflow-y:auto;box-shadow:0 24px 80px #0003}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th{background:var(--cream-dark);text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-light);white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:700}.admin-table td{vertical-align:middle;border-bottom:1px solid #f0e8dc;padding:12px 14px}.admin-table tr:last-child td{border-bottom:none}.marker-cluster-small,.marker-cluster-medium,.marker-cluster-large,.marker-cluster-small div,.marker-cluster-medium div,.marker-cluster-large div{background:0 0!important}@media (width<=640px){.hero-title{font-size:32px!important}.cards-grid{grid-template-columns:1fr!important;gap:16px!important;padding:0!important}.msg-sidebar{width:100%;display:block}.msg-sidebar.show{z-index:200;display:block;position:fixed;inset:0}.search-bar{padding:8px 12px!important}.search-bar input{min-width:100px;font-size:14px!important}.modal-overlay{align-items:stretch!important;padding:0!important}.modal-box{border-radius:0!important;max-width:100%!important;height:100%!important;max-height:100dvh!important;margin:0!important}.event-card{margin:0!important}.filter-chip{padding:6px 12px!important;font-size:12px!important}.toast{text-align:center;left:16px!important;right:16px!important;bottom:calc(16px + env(safe-area-inset-bottom))!important;transform:none!important}.hero{padding:36px 16px 32px!important}.auth-page{align-items:stretch!important;padding:0!important}.auth-card{border-radius:0!important;max-width:100%!important;max-height:100dvh!important;padding:28px 20px!important}.stat-card{padding:14px!important}.profile-hero{padding:36px 20px 60px!important}.map-filter-bar{max-width:95vw!important;padding:6px 10px!important}#join-map{height:100%!important}.msg-layout{height:calc(100dvh - 120px)!important}.msg-input-bar{padding-bottom:calc(4px + env(safe-area-inset-bottom))!important}.msg-sidebar{border-right:none!important;width:100%!important}.msg-back-btn{display:flex!important}.nav-links .btn-ghost{border-width:1.5px!important;gap:4px!important;padding:6px 10px!important;font-size:11px!important}}