*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;font-family:Arial,sans-serif;background-color:#f4f4f4;color:#333}#cesiumContainer{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:0}.cesium-timeline-indicator{background-color:red!important;width:4px!important;z-index:9999!important}.icon-container{position:fixed;top:6px;left:18px;display:flex;gap:24px;z-index:1001}.icon-button{background:#000c;border:none;color:#fff;width:45px;height:45px;border-radius:50%;cursor:pointer;font-size:21px;display:flex;align-items:center;justify-content:center;position:relative;transition:background-color .3s,transform .2s}.icon-button:hover{background:#fff3;transform:scale(1.05)}.icon-button:after{content:attr(data-tooltip);position:absolute;bottom:-28px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:4px;white-space:nowrap;font-size:11px;opacity:0;pointer-events:none;transition:opacity .3s}.icon-button:hover:after{opacity:1}#flight-date-container,#aircraft-type-container{display:none;position:fixed;top:70px;left:30px;color:#fff;padding:10px;border-radius:8px;z-index:1000;font-size:13px;background:#000c}#flight-date-container{top:60px;left:18px;background:transparent;padding:0;border-radius:0;z-index:10002}#live-aircraft-control{display:none}.aircraft-control{position:absolute;top:20px;left:500px;z-index:1000;padding:6px;border-radius:8px;box-shadow:0 3px 6px #0000004d;background:#ff000080;font-family:Arial,sans-serif;font-size:13px}.aircraft-control.live-active{background:#ff000080}.aircraft-control label{font-weight:700;margin-right:8px;font-size:13px}.aircraft-control select{padding:2px 4px;border-radius:8px;font-size:13px;margin-right:8px}.aircraft-control button{padding:5px 10px;border-radius:5px;font-size:13px}#flightSelect,#aircraftSelect{padding:8px 12px;font-size:13px;border-radius:6px;width:160px;box-shadow:0 3px 5px #0000001a;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center}#flightSelect option,#aircraftSelect option{font-size:13px;padding:8px}#flightSelect::-webkit-scrollbar,#aircraftSelect::-webkit-scrollbar{display:none!important;width:0!important}#flightSelect,#aircraftSelect{scrollbar-width:none!important}#flightSelect:hover,#aircraftSelect:hover{background:#007bff4d;border-color:#007bffcc}#flightSelect:focus,#aircraftSelect:focus{background:#007bff66;border-color:#007bff;box-shadow:0 0 8px #007bff99;outline:none}#flightSelect option:hover,#aircraftSelect option:hover{background:#007bff33;color:#0056b3}#flightSelect option:checked,#aircraftSelect option:checked{background:#007bff66;color:#fff}#menu-toggle{position:fixed;top:160px;left:0;font-size:20px;background:#000000d9;color:#fff;border-top-right-radius:12px;border-bottom-right-radius:12px;padding:8px 10px;cursor:pointer;z-index:10001;transition:left .3s,background .3s;box-shadow:2px 2px 5px #0000004d}#settings-menu{position:fixed;top:160px;bottom:160px;left:-225px;width:225px;height:450px;background:#000000d9;color:#fff;padding:18px 15px;border-top-right-radius:12px;border-bottom-right-radius:12px;box-shadow:3px 0 8px #0006;overflow-y:auto;z-index:10000;transition:left .3s}#settings-menu.active{left:0}#settings-menu.active+#menu-toggle{left:225px!important}#settings-menu h3{font-size:14px;margin-bottom:15px}#settings-menu label{font-size:11px;margin-bottom:8px}#settings-menu input[type=text],#settings-menu input[type=date],#settings-menu select{font-size:11px;padding:6px;margin-bottom:10px;border-radius:5px}.settings-button,#toggle-report-button{font-size:12px;padding:8px;margin-top:8px;border-radius:5px}#settings-menu::-webkit-scrollbar{width:6px}#settings-menu::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}#settings-menu::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}#settings-menu::-webkit-scrollbar-thumb:hover{background:#ffffff80}#settings-menu input[type=checkbox]{transform:scale(.8);margin-right:6px}.custom-checkbox{display:flex;align-items:center;position:relative;padding-left:24px;margin-bottom:8px;cursor:pointer;font-size:11px;color:#fff}.custom-checkbox input{position:absolute;opacity:0;cursor:pointer}.custom-checkbox .checkmark{position:absolute;left:0;top:1px;height:14px;width:14px;background:#1a1a1a;border:1.5px solid #007bff;border-radius:3px;transition:background .2s}.custom-checkbox input:checked~.checkmark{background:#007bff}.custom-checkbox .checkmark:after{content:"";position:absolute;display:none;left:4px;top:1px;width:3px;height:7px;border:solid white;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.custom-checkbox input:checked~.checkmark:after{display:block}#settings-menu input[type=text],#settings-menu input[type=date],#settings-menu select{width:80%;padding:5px;margin-bottom:8px;border:none;border-radius:4px;font-size:11px;background:#f8f8f8;color:#333}.settings-button,#toggle-report-button{width:100%;padding:7px;margin-top:8px;background:#007bff;border:none;border-radius:4px;color:#fff;font-weight:700;font-size:12px;cursor:pointer;transition:background .2s}.settings-button:hover,#toggle-report-button:hover{background:#0056b3}#echo_rain{color:green!important}#echo_heavyrain{color:red!important}#hail{color:#00f!important}#settings-menu label{display:block;margin-bottom:6px;font-size:12px}#settings-menu #echoToggle{margin-top:.5em;border-top:1px solid rgba(255,255,255,.2);padding-top:.5em}#settings-menu #echoToggle strong{display:block;margin-bottom:.4em;color:gold}#settings-menu input[data-class="4"]{color:#0c4}#settings-menu input[data-class="5"]{color:#c33}#settings-menu input[data-class="6"]{color:#39f}#report-options label{display:block;margin:6px 0;font-size:12px;color:#ddd}.popup{display:none;position:fixed;z-index:9999;left:0;top:0;width:100vw;height:100vh;overflow:auto;background:#000000b3}.popup-content{background:#111;margin:10% auto;padding:16px;border-radius:8px;width:90%;max-width:500px;color:#fff;box-shadow:0 0 10px #000}.popup-content select{width:180px;padding:8px;margin-top:8px;font-size:14px;border-radius:4px}.popup-buttons{margin-top:16px;display:flex;justify-content:space-around}.popup-content table{width:100%;border-collapse:collapse;margin-top:.8em;color:#fff}.popup-content th,.popup-content td{padding:6px;border-bottom:1px solid #444;text-align:left}.popup-content th{background:#222}.close-popup{float:right;font-size:22px;cursor:pointer}.popup-buttons button{padding:6px 12px;font-size:13px;border-radius:4px;background:#007bff;color:#fff;border:none;cursor:pointer}.popup-buttons button:hover{background:#0056b3}#telemetry-window{position:fixed;top:110px;right:-240px;width:240px;background:#000000d9;color:#fff;padding:16px;box-shadow:-2px 0 6px #0000004d;border-radius:6px 0 0 6px;transition:right .3s;z-index:100000000;display:block}#telemetry-window.open{right:0;font-size:12px}#telemetry-window h3{margin:0 0 8px;font-size:10px;color:#00d8ff}#telemetry-window li{margin-bottom:6px;padding:4px;background:#ffffff1a;border-radius:3px;word-wrap:break-word;font-size:10px}#telemetry-toggle{position:fixed;top:50px;right:80px;background:#333;color:#fff;padding:8px 12px;border:none;border-radius:6px 0 0 6px;cursor:pointer;font-size:10px;z-index:100001}#telemetry-toggle:hover{background:#555}#telemetry-data{z-index:10001}#camera-container{display:flex;background:transparent;box-shadow:0 3px 6px #00000080;position:relative;z-index:100000002}#camera-container.show{display:flex;gap:.35rem}#camera-mode-menu{position:absolute;top:60px;left:60px;display:flex;flex-direction:row;gap:.35rem;background:#000000e6;padding:7px;border-radius:6px;text-align:center;pointer-events:none;box-shadow:0 3px 6px #0000004d;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}#camera-mode-menu.visible,#camera-mode-menu.open{opacity:1;transform:translateY(0);pointer-events:auto}.camera-mode-btn{background:#048;flex:1;padding:7px;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:11px;transition:all .3s;white-space:nowrap;text-align:center}.camera-mode-btn:hover{background:#007bff}#camera-icon{width:45px;height:45px;background:#000c;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;cursor:pointer;transition:all .3s}#camera-icon:hover{background:#fff3;transform:scale(1.05)}#custom-timeline,#timeline-airplane-icon{display:none;top:1000px}.cesium-animation-timeDisplay{display:none!important}#clock-element,#compass-element{position:absolute;bottom:80px;right:20px;background:#000000b3;padding:12px;color:#fff;border-radius:8px;z-index:9999}#info-container{position:fixed;bottom:30px;right:30px;z-index:1000000}#info-icon{width:32px;height:32px;line-height:32px;font-size:17px;background:#222c;color:#fff;border-radius:50%;text-align:center;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #0004;z-index:100000;-webkit-user-select:none;user-select:none;transition:background .2s;margin-bottom:8px}#info-icon:hover{background:#228be6}#info-details{min-width:220px;max-width:340px;padding:18px 20px 16px 16px;font-size:13px;background:#121419ed;color:#fff;border-radius:18px;box-shadow:0 8px 40px #0006;position:absolute;bottom:40px;right:0;z-index:1000;font-family:Segoe UI,Arial,sans-serif;opacity:1;pointer-events:none;transition:opacity .22s}#info-details.visible{display:block!important;opacity:1;pointer-events:auto}#info-details h4{font-size:14px;margin-bottom:7px;color:#8fcaef}#info-details p,#info-details div{font-size:13px;margin-bottom:6px;line-height:1.7}#info-details a{color:#61a0f6;text-decoration:underline;transition:color .2s}#info-details a:hover{color:#aad2ff}#info-details hr{border:none;border-top:1px solid #5b6570aa;margin:10px 0}#image-output img{max-width:200px;margin:8px;border:1px solid #cccccc;border-radius:4px}#image-output{position:absolute;top:500px;right:20px;max-height:70vh;width:300px;overflow-y:auto;background:#fffffff2;border-radius:8px;padding:12px;box-shadow:0 4px 12px #0000004d;z-index:1000;font-family:Arial,sans-serif}#image-output h3{margin-top:0;font-size:1.1em;color:#333;border-bottom:1px solid #ccc;padding-bottom:4px}#image-output h4{margin:8px 0 4px;font-size:1em;color:#444}.image-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.image-container img{width:100px;height:auto;border:1px solid #ccc;border-radius:4px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.image-container img:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.image-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:10000}.image-popup .popup-content{position:relative;background:#fff;padding:10px;border-radius:6px;max-width:90%;max-height:90%}.image-popup img{max-width:100%;max-height:80vh;border-radius:6px}.popup-close{position:absolute;top:5px;right:10px;color:#333;font-size:24px;cursor:pointer;font-weight:700}.card img{max-width:100%;height:auto;display:block}#year-popup{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:10000;justify-content:center;align-items:center}#year-popup .popup-content{background:#000000e6;color:#fff;padding:20px;border-radius:10px;width:280px;box-shadow:0 4px 12px #00000080;text-align:center}#year-popup h3{margin-bottom:15px;font-size:18px;color:#03f}#year-popup select{width:80%;padding:6px 10px;border-radius:6px;border:none;background:#222;color:#fff;margin-bottom:15px}#year-popup button{background:#03f;color:#000;padding:8px 12px;border:none;border-radius:6px;margin:5px;cursor:pointer;transition:background .2s ease}#year-popup button:hover{background:#03f}.film-btn{position:relative;border:none;background:#222;color:#fff;padding:10px 16px;border-radius:10px;font-size:18px;transition:box-shadow .2s,border .2s;outline:none;cursor:pointer}.film-btn.recording{box-shadow:0 0 0 4px #f44,0 0 12px 2px #f44a;border:2px solid #f44}@media (max-width: 768px){#settings-menu{width:90%;left:-90%}#settings-menu.active{left:0}#settings-menu.active{left:calc(90% - 40px)}#camera-icon{width:60px;height:60px;font-size:26px}#camera-mode-menu{width:130px;left:80px}}@media (max-width: 600px){#settings-menu{width:90%;left:-100%;top:80px;bottom:80px}#settings-menu.active{left:0}#menu-toggle{top:80px;left:0}#settings-menu.active{left:90%}}#controls{position:absolute;top:540px;right:10px;z-index:100;background:#fffc;padding:10px;border-radius:8px}