body,html{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;line-height:1.5;overflow:hidden;background:#001;color:#fff}#earth-nav{position:fixed;top:0;left:0;right:0;background:#0000000d;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;z-index:2000;border-bottom:1px solid rgba(255,255,255,.1)}#earth-nav h1{margin:0;font-size:18px;color:#4caf50;text-align:center;flex-grow:1}.nav-btn{background:#4caf5033;border:1px solid rgba(76,175,80,.5);color:#fff;padding:8px 16px;border-radius:25px;text-decoration:none;font-size:14px;transition:all .3s ease;cursor:pointer}.nav-btn:hover{background:#4caf5066;transform:translateY(-2px)}#earth-eonet-controls{position:fixed;top:60px;left:20px;background:#000000d9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:20px;max-width:320px;max-height:calc(100vh - 80px);overflow-y:auto;z-index:1000}.controls-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.2)}.controls-header h3{margin:0;color:#4caf50;font-size:18px}.close-btn{background:#fff3;border:none;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all .3s ease}.close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.hidden{display:none!important}.control-section{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.control-section:last-child{border-bottom:none;margin-bottom:0}.control-section h3,.control-section h4{margin:0 0 12px;color:#4caf50;font-size:16px}.control-section h4{font-size:14px;color:#81c784}#event-counter{text-align:center;margin-bottom:15px;padding:10px;background:#4caf501a;border-radius:8px;border:1px solid rgba(76,175,80,.3)}.counter-number{display:block;font-size:24px;font-weight:700;color:#4caf50}.counter-text{font-size:12px;color:#ccc}.event-control-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}#event-limit{width:100%;background:#4caf501a;border-radius:5px;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:8px;margin:8px 0}#event-limit::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(45deg,#4caf50,#45a049);cursor:pointer;border:2px solid white;box-shadow:0 2px 6px #4caf5066}#event-limit-value{font-weight:700;color:#4caf50;font-size:14px;margin-left:5px}.control-section label{display:flex;align-items:center;font-size:14px;color:#ccc;margin-bottom:10px}.control-section label:has(#event-limit){display:flex;flex-direction:column;background:#4caf500d;padding:8px 12px;border-radius:8px;border:1px solid rgba(76,175,80,.2);margin-bottom:15px}.control-section label:has(#event-limit) span{align-self:flex-end}.refresh-btn{width:100%;background:linear-gradient(45deg,#4caf50,#45a049);border:none;color:#fff;padding:10px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;transition:all .3s ease}.refresh-btn:hover{background:linear-gradient(45deg,#45a049,#4caf50);transform:translateY(-1px);box-shadow:0 4px 12px #4caf504d}.filter-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:15px}.filter-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 10px;border-radius:20px;cursor:pointer;font-size:11px;text-align:center;transition:all .3s ease;white-space:nowrap}.filter-btn:hover{background:#fff3;transform:translateY(-1px)}.filter-btn.active{background:linear-gradient(45deg,#4caf50,#45a049);border-color:#4caf50;box-shadow:0 4px 12px #4caf5066}.visual-controls{display:flex;flex-direction:column;gap:12px}.visual-controls label{display:flex;flex-direction:column;font-size:12px;color:#ccc}.visual-controls input[type=range]{margin-top:5px;background:#ffffff1a;border-radius:5px;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:6px}.visual-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#4caf50;cursor:pointer;border:2px solid white}.visual-controls input[type=checkbox]{margin-right:8px;transform:scale(1.2);accent-color:#4caf50}.user-location-btn{width:100%;background:linear-gradient(45deg,#0f0,#0c0);border:1px solid rgba(0,255,0,.5);color:#fff;padding:8px 12px;border-radius:20px;cursor:pointer;font-size:12px;font-weight:700;text-align:center;transition:all .3s ease;margin-top:8px;box-shadow:0 2px 6px #00ff004d}.user-location-btn:hover{background:linear-gradient(45deg,#0c0,#0a0);transform:translateY(-1px);box-shadow:0 4px 12px #0f06}.user-location-btn:not(.active){background:linear-gradient(45deg,#666,#555);border-color:#ffffff4d;box-shadow:0 2px 6px #0000004d}.user-location-btn:not(.active):hover{background:linear-gradient(45deg,#777,#666);box-shadow:0 4px 12px #0006}.sunlight-controls{display:flex;flex-direction:column;gap:12px}.sunlight-controls label{display:flex;flex-direction:column;font-size:12px;color:#ccc}.time-display{background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:8px;padding:8px 12px;text-align:center;margin-bottom:8px}.time-display label{font-size:11px;color:#81c784;margin-bottom:2px}#current-time{font-family:Courier New,monospace;text-align:center}.time-main{font-size:18px;font-weight:700;color:#4caf50;margin-bottom:2px}.time-details{font-size:10px;color:#81c784;font-weight:400}.timezone-controls{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding:10px;background:#ffa5000d;border:1px solid rgba(255,165,0,.2);border-radius:8px}.timezone-controls label{display:flex;align-items:center;font-size:12px;color:#ccc;cursor:pointer;transition:color .3s ease}.timezone-controls label:hover{color:#fff}.timezone-controls input[type=radio]{margin-right:8px;transform:scale(1.1);accent-color:#ff8800}.timezone-info{font-size:10px;color:#81c784;text-align:center;padding:5px;background:#4caf501a;border-radius:4px;margin-top:5px;font-family:Courier New,monospace}.time-control-buttons{display:flex;justify-content:center;margin-bottom:12px}.time-control-btn{background:linear-gradient(45deg,#f60,#fa0);border:1px solid rgba(255,165,0,.5);color:#fff;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:14px;font-weight:700;transition:all .3s ease;box-shadow:0 2px 6px #ffa5004d}.time-control-btn:hover{background:linear-gradient(45deg,#f50,#f90);transform:translateY(-1px);box-shadow:0 4px 12px #ffa50066}.time-control-btn.paused{background:linear-gradient(45deg,#4caf50,#45a049);border-color:#4caf5080;box-shadow:0 2px 6px #4caf504d}.time-control-btn.paused:hover{background:linear-gradient(45deg,#45a049,#4caf50);box-shadow:0 4px 12px #4caf5066}.time-presets{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.time-preset-btn{background:#ffa5001a;border:1px solid rgba(255,165,0,.3);color:#fff;padding:6px 8px;border-radius:15px;cursor:pointer;font-size:11px;text-align:center;transition:all .3s ease}.time-preset-btn:hover{background:#ffa50033;transform:translateY(-1px)}.time-preset-btn:active{background:#ffa5004d;transform:translateY(0)}.sunlight-controls input[type=range]{margin-top:5px;background:#ffa5001a;border-radius:5px;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:6px}.sunlight-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(45deg,#f60,#fa0);cursor:pointer;border:2px solid white;box-shadow:0 2px 6px #ffa5004d}.sunlight-controls input[type=range]:disabled{opacity:.5;cursor:not-allowed}.sunlight-controls input[type=checkbox]{margin-right:8px;transform:scale(1.2);accent-color:#ff8800}.legend{border-top:1px solid rgba(255,255,255,.2);padding-top:15px}.legend-item{display:flex;align-items:center;margin-bottom:8px;font-size:12px;color:#ddd}.marker{width:14px;height:14px;border-radius:50%;margin-right:10px;display:inline-block;box-shadow:0 0 8px currentColor}.legend-color{width:14px;height:14px;border-radius:50%;margin-right:10px;display:inline-block;box-shadow:0 0 8px #ffffff80}.legend-text{font-size:12px;color:#ddd}.marker.wildfire{background:#ff4500;color:#ff4500}.marker.volcano{background:red;color:red}.marker.earthquake{background:#8b4513;color:#8b4513}.marker.storm{background:#ff0;color:#ff0}.marker.flood{background:#0080ff;color:#0080ff}.marker.drought{background:#8b4513;color:#8b4513}#event-details{position:fixed;top:50%;right:20px;transform:translateY(-50%);background:#000000e6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);border-radius:15px;padding:0;max-width:350px;z-index:1500;transition:all .3s ease}#event-details.hidden{opacity:0;pointer-events:none;transform:translateY(-50%) translate(100%)}.details-header{background:linear-gradient(45deg,#4caf50,#45a049);padding:15px 20px;border-radius:15px 15px 0 0;display:flex;justify-content:space-between;align-items:center}.details-header h3{margin:0;color:#fff;font-size:16px}#close-details{background:#fff3;border:none;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:18px;font-weight:700;transition:all .3s ease}#close-details:hover{background:#ffffff4d;transform:scale(1.1)}.details-content{padding:20px}#event-info h4{margin:0 0 15px;color:#4caf50;font-size:18px}#event-info p{margin:8px 0;color:#ddd;font-size:14px;line-height:1.4}#event-info strong{color:#fff}#event-info a{color:#4caf50;text-decoration:none;font-weight:700;transition:color .3s ease}#event-info a:hover{color:#81c784}.source-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.source-link-btn,.main-link-btn,.category-link-btn{display:inline-block;background:#4caf5033;border:1px solid rgba(76,175,80,.5);color:#fff!important;padding:6px 12px;border-radius:20px;text-decoration:none;font-size:12px;transition:all .3s ease;text-align:center}.main-link-btn{background:linear-gradient(45deg,#4caf50,#45a049);padding:8px 16px;font-size:14px}.category-link-btn{background:#ffa50033;border:1px solid rgba(255,165,0,.5)}.source-link-btn:hover,.main-link-btn:hover,.category-link-btn:hover{background:#4caf5066;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d;color:#fff!important}.main-link-btn:hover{background:linear-gradient(45deg,#45a049,#4caf50)}.category-link-btn:hover{background:#ffa50066;box-shadow:0 4px 12px #ffa5004d}#loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000011f2;display:flex;justify-content:center;align-items:center;z-index:3000}.loading-content{text-align:center;color:#fff}.loading-spinner{width:60px;height:60px;border:4px solid rgba(76,175,80,.2);border-top:4px solid #4caf50;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-content p{font-size:16px;color:#ccc;margin:0}#earth-eonet-controls::-webkit-scrollbar{width:6px}#earth-eonet-controls::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}#earth-eonet-controls::-webkit-scrollbar-thumb{background:#4caf5099;border-radius:3px}#earth-eonet-controls::-webkit-scrollbar-thumb:hover{background:#4caf50cc}@media (max-width: 768px){#earth-nav{padding:10px 15px}#earth-nav h1{font-size:14px}.nav-btn{padding:6px 12px;font-size:12px}#earth-eonet-controls{top:50px;left:10px;max-width:280px;padding:15px}#event-details{right:10px;max-width:300px}.filter-buttons{grid-template-columns:1fr}}