html,body,#root{height:100%;margin:0;padding:0;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0a0a0a}.app{position:relative;height:100%;background:#0a0a0a}.app html,.app body,.app #root{background:#1a1a1a}.top-bar{position:absolute;top:20px;left:20px;right:20px;z-index:1000;display:flex;align-items:center;gap:20px}.nasa-logo{z-index:1000;opacity:.9;transition:opacity .3s ease}.nasa-logo:hover{opacity:1}.nasa-logo img{height:60px;width:auto}.search-container-wrapper{flex:1;max-width:600px}.dataset-selector-wrapper{z-index:1000}.dataset-selector{padding:16px 24px;background:linear-gradient(135deg,#fff3,#ffffff1a,#ffffff0d);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:32px;color:#ffffffe6;font-size:18px;font-weight:500;cursor:pointer;outline:none;box-shadow:0 8px 32px #0000001a,0 4px 16px #0000000d,inset 0 1px #fff6,inset 0 -1px #ffffff1a;min-width:300px;transition:all .3s cubic-bezier(.4,0,.2,1)}.dataset-selector:hover{background:linear-gradient(135deg,#ffffff4d,#ffffff26,#ffffff14);border-color:#ffffff80;box-shadow:0 16px 48px #00000026,0 8px 24px #0000001a,inset 0 1px #ffffff80,inset 0 -1px #fff3;transform:translateY(-1px)}.dataset-selector:focus{background:linear-gradient(135deg,#ffffff4d,#ffffff26,#ffffff14);border-color:#ffffff80;box-shadow:0 16px 48px #00000026,0 8px 24px #0000001a,inset 0 1px #ffffff80,inset 0 -1px #fff3}.search-container{position:relative;width:100%}.search-input-wrapper{position:relative;display:flex;align-items:center;background:linear-gradient(135deg,#fff3,#ffffff1a,#ffffff0d);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:32px;box-shadow:0 8px 32px #0000001a,0 4px 16px #0000000d,inset 0 1px #fff6,inset 0 -1px #ffffff1a;border:1px solid rgba(255,255,255,.3);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-input-wrapper:focus-within{background:linear-gradient(135deg,#ffffff4d,#ffffff26,#ffffff14);border-color:#ffffff80;box-shadow:0 16px 48px #00000026,0 8px 24px #0000001a,inset 0 1px #ffffff80,inset 0 -1px #fff3;transform:translateY(-1px)}.search-icon{padding:12px 16px;color:#ffffffb3;display:flex;align-items:center}.search-input{flex:1;border:none;outline:none;padding:12px 0;font-size:16px;color:#ffffffe6;background:transparent}.search-input::placeholder{color:#fff9}.search-clear{padding:8px;background:none;border:none;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-clear:hover{background:#ffffff1a;color:#ffffffe6;transform:scale(1.1)}.search-suggestions{position:absolute;top:100%;left:0;right:0;background:linear-gradient(135deg,#fff3,#ffffff1a,#ffffff0d);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 8px 32px #00000026,0 4px 16px #0000001a,inset 0 1px #fff3;border:1px solid rgba(255,255,255,.3);max-height:300px;overflow-y:auto;margin-top:4px;z-index:1001}.suggestion-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s cubic-bezier(.4,0,.2,1);color:#ffffffe6}.suggestion-item:hover{background:#ffffff1a;transform:translate(4px)}.suggestion-item:last-child{border-bottom:none}.suggestion-hint{opacity:.8;border-left:3px solid rgba(59,130,246,.6)}.suggestion-hint:hover{opacity:1;background:linear-gradient(135deg,#3b82f61a,#3b82f60d)}.suggestion-hint .suggestion-icon{color:#3b82f6cc}.suggestion-icon{margin-right:12px;color:#ffffffb3;display:flex;align-items:center}.suggestion-content{flex:1}.suggestion-name{font-weight:400;color:#ffffffe6;font-size:14px;line-height:1.4}.suggestion-notes{color:#fff9;font-size:12px;margin-top:2px}.controls-container{position:absolute;top:20px;right:20px;z-index:1000}.toolbar{display:flex;flex-direction:column;gap:8px}.toolbar-group{display:flex;flex-direction:column;gap:3px;background:transparent!important;border-radius:8px;box-shadow:none!important;border:none!important;padding:4px}.zoom-button,.reset-button,.split-view-toggle{width:44px;height:44px;background:#ffffff1a!important;backdrop-filter:blur(40px) saturate(180%)!important;-webkit-backdrop-filter:blur(40px) saturate(180%)!important;border:1px solid rgba(255,255,255,.2)!important;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff!important;transition:all .4s cubic-bezier(.25,.46,.45,.94);border-radius:50%;margin:4px;box-shadow:0 8px 32px #0000004d,0 4px 16px #0003,inset 0 1px #ffffff4d,inset 0 -1px #ffffff1a!important;position:relative;overflow:hidden}@supports not (backdrop-filter: blur(40px)){.zoom-button,.reset-button,.split-view-toggle{background:#0000004d!important;border:1px solid rgba(255,255,255,.3)!important}}.zoom-button:hover,.reset-button:hover,.split-view-toggle:hover{background:#ffffff1a!important;backdrop-filter:blur(50px) saturate(200%)!important;-webkit-backdrop-filter:blur(50px) saturate(200%)!important;border-color:#fff6!important;transform:translateY(-3px) scale(1.08);box-shadow:0 16px 48px #0006,0 8px 24px #0000004d,inset 0 1px #fff6,inset 0 -1px #fff3!important}.zoom-button:active,.reset-button:active,.split-view-toggle:active{background:#ffffff0d!important;backdrop-filter:blur(45px) saturate(190%)!important;-webkit-backdrop-filter:blur(45px) saturate(190%)!important;transform:translateY(-1px) scale(1.02);box-shadow:0 8px 24px #0000004d,0 4px 12px #0003,inset 0 1px #ffffff4d,inset 0 -1px #ffffff1a!important}.zoom-button:before,.reset-button:before,.split-view-toggle:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fff3,#ffffff0d,#ffffff05);border-radius:50%;pointer-events:none;z-index:1;opacity:.6}.zoom-button:after,.reset-button:after,.split-view-toggle:after{content:"";position:absolute;top:1px;left:1px;right:1px;height:50%;background:linear-gradient(180deg,#ffffff4d,#ffffff1a 70%,#ffffff05);border-radius:50%;pointer-events:none;z-index:2}.toolbar .zoom-button,.toolbar .reset-button,.toolbar .split-view-toggle,.toolbar-group .zoom-button,.toolbar-group .reset-button,.toolbar-group .split-view-toggle{background:#ffffff1a!important;backdrop-filter:blur(40px) saturate(180%)!important;-webkit-backdrop-filter:blur(40px) saturate(180%)!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important;box-shadow:0 8px 32px #0000004d,0 4px 16px #0003,inset 0 1px #ffffff4d,inset 0 -1px #ffffff1a!important}.zoom-button svg,.reset-button svg,.split-view-toggle svg{position:relative;z-index:3;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));stroke-width:2.5;transition:all .3s ease}.zoom-button:hover svg,.reset-button:hover svg,.split-view-toggle:hover svg{filter:drop-shadow(0 3px 6px rgba(0,0,0,.4));transform:scale(1.1)}.dataset-select{padding:8px 12px;background:#fff;border:none;color:#202124;font-size:14px;cursor:pointer;outline:none;border-bottom:1px solid #e0e0e0}.dataset-select:last-child{border-bottom:none}.geo-indicator{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;color:#5f6368;font-size:12px;border-bottom:1px solid #e0e0e0}.overlay-control{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border-bottom:1px solid #e0e0e0}.overlay-label{display:flex;align-items:center;gap:6px;color:#5f6368;font-size:12px;cursor:pointer}.overlay-slider{flex:1;height:4px;background:#e0e0e0;border-radius:2px;outline:none;cursor:pointer}.overlay-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#1a73e8;border-radius:50%;cursor:pointer}.overlay-slider::-moz-range-thumb{width:16px;height:16px;background:#1a73e8;border-radius:50%;cursor:pointer;border:none}.overlay-value{color:#5f6368;font-size:12px;min-width:30px;text-align:right}.viewer{position:relative;height:100%;background:#0a0a0a}#osd{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.coordinates{position:absolute;bottom:20px;left:20px;background:linear-gradient(135deg,#fff3,#ffffff1a,#ffffff0d);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#ffffffe6;padding:16px 24px;border-radius:24px;font-family:Roboto Mono,SF Mono,Monaco,Inconsolata,monospace;font-size:16.5px;pointer-events:none;z-index:1001;box-shadow:0 8px 32px #00000026,0 4px 16px #0000001a,inset 0 1px #fff3,inset 0 -1px #ffffff1a;border:1px solid rgba(255,255,255,.3);min-width:300px;opacity:.95}.coordinates .pixel-coords{font-weight:500;color:#fffffff2;margin-bottom:3px}.coordinates .geo-coords{color:#ffffffb3;font-size:15px;line-height:1.3}.coordinates .zoom-level{margin-top:6px;font-size:15px;color:#ffffffb3;border-top:1px solid rgba(255,255,255,.2);padding-top:6px}@media (max-width: 768px){.top-bar{top:8px;left:8px;right:8px;flex-direction:column;gap:8px;align-items:stretch}.nasa-logo{align-self:center;margin-bottom:4px}.nasa-logo img{height:50px;width:auto}.search-container-wrapper{width:100%;max-width:100%;order:2}.dataset-selector-wrapper{order:3;width:100%}.dataset-selector{width:100%;min-width:unset;font-size:16px;padding:14px 16px;text-align:center}.controls-container{bottom:8px;right:8px;top:auto;z-index:1001;position:fixed}.toolbar{gap:3px;flex-direction:row}.toolbar-group{gap:3px;padding:3px;flex-direction:row}.coordinates{bottom:60px;left:8px;right:8px;font-size:12px;min-width:unset;padding:8px 12px;text-align:center;z-index:1003;position:fixed;background:#000000e6;color:#fff;border:1px solid rgba(255,255,255,.2)}.coordinates .geo-coords,.coordinates .zoom-level{font-size:10px}.search-input-wrapper{padding:10px 12px}.search-input{font-size:16px;padding:10px 0}.search-icon{padding:10px 12px}.search-clear{padding:6px}}@media (max-width: 480px){.top-bar{top:6px;left:6px;right:6px;gap:6px}.nasa-logo img{height:40px}.search-container-wrapper{width:100%;max-width:100%}.dataset-selector-wrapper{width:100%}.dataset-selector{font-size:14px;padding:12px 14px}.controls-container{bottom:6px;right:6px;top:auto;z-index:1001;position:fixed}.split-view-toggle{width:40px!important;height:40px!important;background:transparent!important;backdrop-filter:blur(40px) saturate(180%)!important;-webkit-backdrop-filter:blur(40px) saturate(180%)!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important;border-radius:50%!important;box-shadow:0 8px 32px #0000004d,0 4px 16px #0003,inset 0 1px #ffffff4d,inset 0 -1px #ffffff1a!important}.coordinates{bottom:50px;left:6px;right:6px;font-size:11px;padding:6px 10px;z-index:1003;position:fixed;background:#000000e6;color:#fff;border:1px solid rgba(255,255,255,.2)}.coordinates .geo-coords,.coordinates .zoom-level{font-size:9px}}@media (max-width: 768px){.zoom-button,.reset-button,.split-view-toggle{touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#ffffff1a!important;backdrop-filter:blur(40px) saturate(180%)!important;-webkit-backdrop-filter:blur(40px) saturate(180%)!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important;border-radius:50%}.search-input{-webkit-appearance:none;border-radius:0}.dataset-selector{-webkit-appearance:none;border-radius:8px}.suggestion-item{min-height:44px;display:flex;align-items:center}.search-suggestions{max-height:250px}.openseadragon-container .openseadragon-navigator,#osd .openseadragon-navigator{position:fixed!important;bottom:8px!important;left:8px!important;right:auto!important;top:auto!important;z-index:1000!important;transform:none!important}.coordinates{bottom:60px!important;left:120px!important;right:8px!important}}@media (max-width: 480px){.openseadragon-container .openseadragon-navigator,#osd .openseadragon-navigator{width:80px!important;height:60px!important;position:fixed!important;bottom:6px!important;left:6px!important;right:auto!important;top:auto!important;z-index:1000!important;transform:none!important}.coordinates{bottom:50px!important;left:100px!important;right:6px!important}}.openseadragon-container,.openseadragon-canvas{background:#f5f5f5!important}@media (max-width: 768px){.app.dark .coordinates{background:#2d2d2df2;color:#e8eaed;border-color:#404040}.app.dark .coordinates .pixel-coords{color:#8ab4f8}.app.dark .coordinates .geo-coords,.app.dark .coordinates .zoom-level{color:#9aa0a6}}.split-view-container{display:flex;height:100vh;width:100vw}.split-view-panel{flex:1;display:flex;flex-direction:column;position:relative;border-right:1px solid rgba(255,255,255,.1)}.split-view-panel.right-panel{border-right:none;border-left:1px solid rgba(255,255,255,.1)}.split-top-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#fff3,#ffffff1a,#ffffff0d);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:16px;z-index:1000;box-shadow:0 8px 32px #0003,0 4px 16px #0000001a,inset 0 1px #fff3,inset 0 -1px #ffffff0d}.split-search-container{flex:1;min-width:0}.split-dataset-selector{min-width:200px}.split-viewer{flex:1;position:relative;background:#000}.split-controls{position:absolute;top:8px;right:8px;z-index:1001}.split-coordinates{position:fixed;bottom:8px;z-index:1003;background:linear-gradient(135deg,#fff3,#ffffff1a,#ffffff0d);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:12px 16px;font-size:12px;min-width:200px;color:#fffffff2;font-family:Roboto,sans-serif;box-shadow:0 8px 32px #0003,0 4px 16px #0000001a,inset 0 1px #fff3,inset 0 -1px #ffffff0d}.left-coordinates{left:8px}.right-coordinates{position:absolute;left:8px;bottom:8px}.split-coordinates .pixel-coords{font-weight:500;margin-bottom:2px;font-size:13px}.split-coordinates .geo-coords,.split-coordinates .zoom-level{font-size:10px;margin-top:4px;padding-top:4px;border-top:1px solid rgba(255,255,255,.2);opacity:.8}.split-view-toggle{width:44px!important;height:44px!important;background:transparent!important;backdrop-filter:blur(40px) saturate(180%)!important;-webkit-backdrop-filter:blur(40px) saturate(180%)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:50%!important;margin:4px!important;color:#fff!important;box-shadow:0 8px 32px #0000004d,0 4px 16px #0003,inset 0 1px #ffffff4d,inset 0 -1px #ffffff1a!important}.split-view-toggle:hover{background:#ffffff1a!important;backdrop-filter:blur(50px) saturate(200%)!important;-webkit-backdrop-filter:blur(50px) saturate(200%)!important;border-color:#fff6!important;transform:translateY(-3px) scale(1.08);box-shadow:0 16px 48px #0006,0 8px 24px #0000004d,inset 0 1px #fff6,inset 0 -1px #fff3!important}.split-view-toggle:active{background:#ffffff0d!important;backdrop-filter:blur(45px) saturate(190%)!important;-webkit-backdrop-filter:blur(45px) saturate(190%)!important;transform:translateY(-1px) scale(1.02);box-shadow:0 8px 24px #0000004d,0 4px 12px #0003,inset 0 1px #ffffff4d,inset 0 -1px #ffffff1a!important}.split-view-toggle svg{color:#fff!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));stroke-width:2.5;transition:all .3s ease}@media (max-width: 768px){.split-view-container{flex-direction:column}.split-view-panel{height:50vh;border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}.split-view-panel.right-panel{border-left:none;border-bottom:none}.split-top-bar{padding:8px 12px;gap:8px}.split-dataset-selector{min-width:150px}.split-controls{top:4px;right:4px}.split-coordinates{bottom:4px;padding:8px 12px;font-size:11px;min-width:150px;background:linear-gradient(135deg,#fff3,#ffffff1a,#ffffff0d);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:12px;color:#fffffff2;box-shadow:0 8px 32px #0003,0 4px 16px #0000001a,inset 0 1px #fff3,inset 0 -1px #ffffff0d}.left-coordinates{left:4px}.right-coordinates{position:absolute;left:4px;bottom:4px}}@media (max-width: 480px){.split-top-bar{padding:6px 8px;gap:6px}.split-dataset-selector{min-width:120px}.split-coordinates{padding:6px 10px;font-size:10px;min-width:120px;background:linear-gradient(135deg,#fff3,#ffffff1a,#ffffff0d);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:10px;color:#fffffff2;box-shadow:0 8px 32px #0003,0 4px 16px #0000001a,inset 0 1px #fff3,inset 0 -1px #ffffff0d}}.credits-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease}.credits-modal-overlay.open{opacity:1;visibility:visible}.credits-modal{width:90%;max-width:450px;background:linear-gradient(135deg,#fff3,#ffffff1a,#ffffff0d);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-radius:32px;border:1px solid rgba(255,255,255,.3);box-shadow:0 24px 64px #0006,0 12px 32px #0003,inset 0 1px #fff6,inset 0 -1px #ffffff1a;padding:32px;text-align:center;position:relative;transform:scale(.9);opacity:0;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.credits-modal.open{transform:scale(1);opacity:1}.credits-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:#fff9;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.credits-close:hover{background:#ffffff1a;color:#fff;transform:rotate(90deg)}.credits-title{color:#fff;font-size:24px;font-weight:700;margin:0 0 24px;line-height:1.3;text-shadow:0 2px 4px rgba(0,0,0,.3)}.credits-subtitle{display:block;color:gold;font-size:28px;margin-top:8px;text-shadow:0 2px 10px rgba(255,215,0,.3)}.credits-image-container{width:200px;height:200px;margin:0 auto 24px;border-radius:32px;overflow:hidden;border:4px solid rgba(255,255,255,.2);box-shadow:0 8px 24px #0000004d}.credits-image{width:100%;height:100%;object-fit:cover}.credits-text{color:#fffc;font-size:16px;margin-bottom:20px}.credits-links{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center}.credits-link{color:#fff;font-weight:600;font-size:18px;text-decoration:none;padding:8px 16px;border-radius:20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);transition:all .2s ease}.credits-link:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.credits-separator{color:#ffffff80;font-size:14px;margin:4px 0}