:root{--aws-advice:#fc0;--aws-watch-act:#f60;--aws-emergency:#c00;--aws-info:#666;--brand-primary:#1e40af;--brand-secondary:#f97316;--brand-dark:#0f172a;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-card:#334155;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border:#475569;--header-height:60px;--sidebar-width:320px}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary)}.leaflet-container{height:100%;width:100%;background:var(--bg-secondary)}.leaflet-popup-content-wrapper{background:var(--bg-card);color:var(--text-primary);border-radius:8px}.leaflet-popup-tip{background:var(--bg-card)}@media (max-width:768px){.leaflet-control-attribution{display:none!important}}.app-layout{display:flex;flex-direction:column;height:100vh}.app-header{height:var(--header-height);background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px;gap:16px;z-index:1000}.app-header h1{font-size:20px;font-weight:600;color:var(--text-primary)}.app-header nav{display:flex;gap:8px;margin-left:auto}.app-main{flex:1 1;display:flex;overflow:hidden}.map-container{flex:1 1;position:relative}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-left:1px solid var(--border);overflow-y:auto;padding:16px}.btn{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:opacity .2s}.btn:hover{opacity:.9}.btn-primary{background:var(--brand-primary);color:#fff}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-danger{background:#dc2626;color:#fff}.btn-small{padding:4px 8px;font-size:12px}.card{background:var(--bg-card);border-radius:8px;padding:16px;margin-bottom:12px}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.card-title{font-size:14px;font-weight:600}.card-meta{font-size:12px;color:var(--text-secondary)}.severity-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.severity-advice{background:var(--aws-advice);color:#000}.severity-watch_act{background:var(--aws-watch-act);color:#fff}.severity-emergency{background:var(--aws-emergency);color:#fff}.severity-not_applicable{background:var(--aws-info);color:#fff}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;font-weight:500;margin-bottom:6px;color:var(--text-secondary)}.form-input{width:100%;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:14px}.form-input:focus{outline:none;border-color:var(--brand-primary)}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{width:100%;max-width:400px;background:var(--bg-secondary);border-radius:12px;padding:32px}.auth-card h1{text-align:center;margin-bottom:24px}.auth-footer{text-align:center;margin-top:16px;font-size:14px;color:var(--text-secondary)}.auth-footer a{color:var(--brand-primary);text-decoration:none}.loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text-secondary)}.incident-list{display:flex;flex-direction:column;gap:10px}.incident-card{cursor:pointer;transition:transform .1s,background .2s;border:1px solid var(--border)}.incident-card:active,.incident-card:hover{transform:translateX(4px);background:var(--bg-primary)}.incident-icon{font-size:20px;margin-right:8px}.incident-distance{font-size:12px;color:var(--text-secondary);margin-top:4px}@media (max-width:768px){.incident-card{padding:12px;border-radius:8px;background:var(--bg-card)}.incident-list{gap:8px;padding-bottom:20px}}.mobile-nav{display:none}@media (max-width:768px){:root{--mobile-nav-height:72px;--sidebar-collapsed-height:120px}.sidebar{position:fixed;bottom:var(--mobile-nav-height);left:0;right:0;width:100%;max-height:55vh;border-left:none;border-top:2px solid var(--brand-secondary);border-radius:20px 20px 0 0;z-index:9998;transform:translateY(calc(100% - var(--sidebar-collapsed-height)));transition:transform .3s ease;background:var(--bg-secondary);box-shadow:0 -4px 20px rgba(0,0,0,.5);pointer-events:auto;touch-action:pan-y}.sidebar.expanded{transform:translateY(0);overflow-y:auto}.sidebar-handle{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 16px 10px;cursor:pointer;background:var(--bg-secondary);border-radius:20px 20px 0 0;-webkit-tap-highlight-color:transparent;border:none;width:100%}.sidebar-handle:active{background:var(--bg-card)}.app-header nav{display:none}.app-header h1{font-size:18px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:var(--mobile-nav-height);background:var(--bg-secondary);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:10000;align-items:flex-start;padding-top:8px}.mobile-nav a{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-decoration:none;color:var(--text-secondary);font-size:10px;gap:4px;transition:color .2s;padding-top:4px}.mobile-nav a.active,.mobile-nav a:hover{color:var(--brand-secondary)}.mobile-nav-icon{font-size:22px;display:flex;align-items:center;justify-content:center}.mobile-nav-icon svg{width:22px;height:22px}.map-container{height:calc(100vh - var(--header-height));padding-bottom:calc(var(--mobile-nav-height) + var(--sidebar-collapsed-height))}.app-main{padding-bottom:0}.auth-container{padding-bottom:calc(var(--mobile-nav-height) + 20px)}.community-container,.leaderboard-container,.nearby-container,.profile-container,.zones-container{padding-bottom:calc(var(--mobile-nav-height) + 20px)!important}}