.app{height:100vh;width:100vw;display:flex;flex-direction:column;background-color:#000;color:#fff;overflow:hidden}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:2rem;background:linear-gradient(135deg,#0a0a0a,#1a1a1a)}.loading-spinner{width:50px;height:50px;border:3px solid rgba(255,68,0,.3);border-top:3px solid #ff4400;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p,.error-container p{font-size:1.2rem;color:#fff;margin:0}.error-container button{background:#ff44001a;border:1px solid rgba(255,68,0,.3);color:#f40;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:500}.error-container button:hover{background:#f403;border-color:#ff440080;transform:translateY(-2px)}.main-content{flex:1;position:relative;display:flex}.about-page,.terms-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#fff;padding:2rem;overflow-y:auto}.about-header,.terms-header{display:flex;align-items:center;gap:1rem;margin-bottom:3rem;padding-bottom:1rem;border-bottom:2px solid #ff4400}.back-button{display:flex;align-items:center;gap:.5rem;background:#ff44001a;border:1px solid rgba(255,68,0,.3);color:#f40;padding:.75rem 1rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500}.back-button:hover{background:#f403;border-color:#ff440080;transform:translate(-2px)}.about-header h1,.terms-header h1{font-size:2.5rem;font-weight:700;color:#fff;margin:0}.about-content,.terms-content{max-width:800px;margin:0 auto}.about-section,.terms-section{margin-bottom:3rem;padding:2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.about-section h2,.terms-section h2{font-size:1.8rem;color:#f40;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,68,0,.3);padding-bottom:.5rem}.about-section h3,.terms-section h3{font-size:1.3rem;color:#fff;margin-bottom:1rem;margin-top:2rem}.about-section p,.terms-section p{color:#ccc;line-height:1.7;margin-bottom:1rem}.about-section ul,.terms-section ul{color:#ccc;line-height:1.7;margin-left:1.5rem}.about-section li,.terms-section li{margin-bottom:.5rem}.data-sources{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.source-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:#ff44001a;border:1px solid rgba(255,68,0,.2);border-radius:8px;transition:all .3s ease}.source-item:hover{background:#ff440026;border-color:#f406;transform:translateY(-2px)}.source-icon{color:#f40;flex-shrink:0;margin-top:.2rem}.source-item h3{color:#fff;margin-bottom:.5rem;font-size:1.1rem}.source-item p{color:#ccc;margin:0;font-size:.9rem}.severity-explanation{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1.5rem}.severity-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px}.severity-dot{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.3);flex-shrink:0}.severity-dot.low{background:#fa0;animation:flashLow 1.5s infinite}.severity-dot.medium{background:#f80;animation:flashMedium 1.2s infinite}.severity-dot.high{background:#f40;animation:flashHigh 1s infinite}.severity-dot.critical{background:red;animation:flashCritical .8s infinite}.severity-item h4{color:#fff;margin:0 0 .3rem;font-size:1rem}.severity-item p{color:#ccc;margin:0;font-size:.9rem}.disclaimer-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;background:#ff44001a;border:1px solid rgba(255,68,0,.2);border-radius:8px}.disclaimer-icon{color:#f40;flex-shrink:0;margin-top:.2rem}.disclaimer-item h3{color:#fff;margin-bottom:.5rem;font-size:1.1rem}.disclaimer-item p{color:#ccc;margin:0;font-size:.9rem}.terms-footer{margin-top:3rem;padding:2rem;background:#ff44001a;border:1px solid rgba(255,68,0,.3);border-radius:8px;text-align:center}.terms-footer p{color:#fa0;font-weight:500;margin:0}.footer-links{display:flex;gap:1.5rem}.footer-link{display:flex;align-items:center;gap:.5rem;color:#ccc;text-decoration:none;padding:.5rem .75rem;border-radius:6px;transition:all .3s ease;font-size:.9rem;border:1px solid transparent}.footer-link:hover{color:#f40;background:#ff44001a;border-color:#ff44004d;transform:translateY(-1px)}.footer-link svg{color:#f40}.header{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-bottom:1px solid #333;padding:1rem 2rem;z-index:1000;box-shadow:0 2px 10px #00000080}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.header-left{display:flex;flex-direction:column}.header-title{display:flex;align-items:center;gap:.5rem;font-size:1.8rem;font-weight:700;color:#fff;margin:0}.header-icon{color:#f40;size:24px}.header-subtitle{color:#ccc;font-size:.9rem;margin:0;margin-top:.2rem}.header-stats{display:flex;gap:2rem}.stat-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ff44001a;border:1px solid rgba(255,68,0,.3);border-radius:8px;transition:all .3s ease}.stat-item:hover{background:#f403;border-color:#ff440080}.stat-icon{color:#f40;size:20px}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:1.2rem;font-weight:700;color:#fff}.map-container{flex:1;position:relative;background:#000}.map-provider-switch{position:absolute;top:20px;left:20px;z-index:1000;background:#1a1a1ae6;border:1px solid rgba(255,68,0,.3);border-radius:8px;padding:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d}.provider-buttons{display:flex;gap:4px}.provider-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ccc;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .3s ease;white-space:nowrap}.provider-btn:hover{background:#f403;border-color:#f406;color:#fff;transform:translateY(-1px)}.provider-btn.active{background:linear-gradient(135deg,#f40,#f60);border-color:#f40;color:#fff;box-shadow:0 2px 8px #ff44004d}.provider-btn.active:hover{background:linear-gradient(135deg,#f50,#f70);transform:translateY(-1px);box-shadow:0 4px 12px #f406}.custom-zoom-control{position:absolute;bottom:20px;left:20px;z-index:1000;display:flex;flex-direction:column;gap:2px;background:#1a1a1ae6;border:1px solid rgba(255,68,0,.3);border-radius:8px;padding:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d}.zoom-btn{width:32px;height:32px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ccc;font-size:18px;font-weight:700;cursor:pointer;border-radius:6px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;line-height:1}.zoom-btn:hover{background:#f403;border-color:#f406;color:#fff;transform:translateY(-1px)}.zoom-btn:active{transform:translateY(0);background:#ff44004d}.protest-sidebar{position:absolute;top:0;right:0;width:400px;height:100%;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-left:1px solid #333;z-index:1000;animation:slideIn .3s ease-out;overflow-y:auto}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #333;background:#ff44001a}.sidebar-title{font-size:1.3rem;font-weight:600;color:#fff;margin:0;flex:1}.close-button{background:none;border:none;color:#ccc;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s ease}.close-button:hover{background:#ffffff1a;color:#fff}.sidebar-content{padding:1.5rem}.protest-info{margin-bottom:2rem}.info-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.info-icon{color:#f40;size:18px;flex-shrink:0}.info-content{display:flex;flex-direction:column;flex:1}.info-label{font-size:.8rem;color:#ccc;margin-bottom:.2rem}.info-value{font-size:1rem;color:#fff;font-weight:500}.status-badge{font-weight:600;text-transform:uppercase;font-size:.9rem}.severity-section{margin-bottom:2rem}.severity-section h3{font-size:1.1rem;color:#fff;margin-bottom:1rem}.severity-badge{display:inline-block;padding:.5rem 1rem;border-radius:6px;font-weight:600;font-size:.9rem;text-align:center}.description-section{margin-bottom:2rem}.description-section h3{font-size:1.1rem;color:#fff;margin-bottom:1rem}.description-text{color:#ccc;line-height:1.6;margin:0}.tags-section{margin-bottom:2rem}.tags-section h3{font-size:1.1rem;color:#fff;margin-bottom:1rem}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem}.tag{display:flex;align-items:center;gap:.3rem;padding:.3rem .6rem;background:#f403;border:1px solid rgba(255,68,0,.4);border-radius:4px;font-size:.8rem;color:#fa0}.statistics-section{margin-bottom:2rem}.statistics-section h3{font-size:1.1rem;color:#fff;margin-bottom:1rem}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.stat-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;text-align:center}.stat-number{display:block;font-size:1.5rem;font-weight:700;color:#f40;margin-bottom:.3rem}.stat-label{font-size:.8rem;color:#ccc}.source-section{border-top:1px solid #333;padding-top:1rem}.last-updated{font-size:.8rem;color:#888;margin-top:.5rem;text-align:center}.footer{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-top:1px solid #333;padding:1rem 2rem;z-index:1000}.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.footer-left{display:flex;gap:2rem}.footer-info{display:flex;align-items:center;gap:.5rem;color:#ccc;font-size:.9rem}.footer-icon{color:#f40;size:16px}.footer-center{display:flex;align-items:center}.severity-legend{display:flex;align-items:center;gap:1rem}.legend-title{color:#ccc;font-size:.9rem;font-weight:500}.legend-items{display:flex;gap:1rem}.legend-item{display:flex;align-items:center;gap:.3rem;color:#ccc;font-size:.8rem}.legend-dot{width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.3)}.legend-dot.low{background:#fa0;animation:flashLow 1.5s infinite}.legend-dot.medium{background:#f80;animation:flashMedium 1.2s infinite}.legend-dot.high{background:#f40;animation:flashHigh 1s infinite}.legend-dot.critical{background:red;animation:flashCritical .8s infinite}.footer-right{display:flex;align-items:center}.footer-warning{display:flex;align-items:center;gap:.5rem;color:#fa0;font-size:.9rem}.warning-icon{color:#fa0;size:16px}.custom-protest-marker{background:transparent!important;border:none!important}.marker-popup{min-width:280px;max-width:320px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.popup-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #ff4400}.popup-header h3{margin:0;color:#fff;font-size:1.1rem;font-weight:700;line-height:1.3;flex:1;margin-right:.5rem}.popup-icons{display:flex;gap:.3rem;flex-shrink:0}.popup-icons span{font-size:1.2rem;cursor:help;transition:transform .2s ease}.popup-icons span:hover{transform:scale(1.2)}.popup-content{display:flex;flex-direction:column;gap:.2rem}.popup-row{display:flex;align-items:center;gap:.5rem;padding:.2rem 0;border-radius:4px;transition:background-color .2s ease}.popup-icon{font-size:1.1rem;flex-shrink:0;width:20px;text-align:center}.popup-text{color:#fff;font-size:.9rem;font-weight:500;line-height:1.4}.popup-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.2)}.popup-tag{background:linear-gradient(135deg,#f40,#f60);color:#fff;padding:.2rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:lowercase;box-shadow:0 1px 3px #ff44004d;transition:all .2s ease}.popup-tag:hover{transform:translateY(-1px);box-shadow:0 2px 6px #f406}.leaflet-popup-content-wrapper{background:#1a1a1a;border-radius:12px;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,68,0,.2)}.leaflet-popup-content{margin:0;padding:1rem;border-radius:12px}.leaflet-popup-tip{background:#1a1a1a;border:1px solid rgba(255,68,0,.2)}.leaflet-popup-close-button{color:#666!important;font-size:1.2rem!important;font-weight:700!important;transition:color .2s ease!important}.leaflet-popup-close-button:hover{color:#f40!important}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.leaflet-popup-content-wrapper{animation:popupSlideIn .3s ease-out}.popup-row{position:relative;overflow:hidden}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem}.header-stats{gap:1rem}.protest-sidebar{width:100%;height:60%;top:auto;bottom:0;animation:slideIn .3s ease-out}.footer-content{flex-direction:column;gap:1rem;text-align:center}.footer-left,.severity-legend{flex-direction:column;gap:.5rem}.legend-items{flex-wrap:wrap;justify-content:center}.about-page,.terms-page{padding:1rem}.about-header,.terms-header{flex-direction:column;align-items:flex-start;gap:1rem}.about-header h1,.terms-header h1{font-size:2rem}.data-sources,.severity-explanation{grid-template-columns:1fr}.footer-links{flex-direction:column;gap:.5rem}.map-provider-switch{top:10px;left:10px;padding:6px}.provider-buttons{gap:2px}.provider-btn{padding:4px 8px;font-size:.7rem}.custom-zoom-control{bottom:15px;left:15px;padding:3px}.zoom-btn{width:30px;height:30px;font-size:17px}}@media (max-width: 480px){.header,.footer{padding:1rem}.header-title{font-size:1.5rem}.stat-item{padding:.3rem .6rem}.stat-value{font-size:1rem}.map-provider-switch{top:5px;left:5px;padding:4px}.provider-buttons{flex-direction:column;gap:2px}.provider-btn{padding:3px 6px;font-size:.65rem}.custom-zoom-control{bottom:10px;left:10px;padding:3px}.zoom-btn{width:28px;height:28px;font-size:16px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff;overflow:hidden}#root{height:100vh;width:100vw}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes flash{0%,to{background-color:#f44;box-shadow:0 0 20px #f44}50%{background-color:#f80;box-shadow:0 0 30px #f80}}@keyframes flashLow{0%,to{background-color:#fa0;box-shadow:0 0 15px #fa0}50%{background-color:#fc4;box-shadow:0 0 25px #fc4}}@keyframes flashMedium{0%,to{background-color:#f80;box-shadow:0 0 18px #f80}50%{background-color:#fa4;box-shadow:0 0 28px #fa4}}@keyframes flashHigh{0%,to{background-color:#f40;box-shadow:0 0 22px #f40}50%{background-color:#f60;box-shadow:0 0 32px #f60}}@keyframes flashCritical{0%,to{background-color:red;box-shadow:0 0 25px red}50%{background-color:#f20;box-shadow:0 0 35px #f20}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}