body{margin:0;padding:0;overflow:hidden;font-family:Arial,sans-serif}button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;cursor:pointer}button:hover{background-color:#0056b3}#open-button{position:absolute;top:20px;left:20px;background-color:#007bff;color:#fff;border:none;padding:10px 20px;cursor:pointer;z-index:2}#volume-control{position:fixed;top:20px;right:20px;display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.5);padding:6px 12px;border-radius:8px;z-index:2000}#volume-control label{color:#fff;font-size:18px}#volume-slider{width:120px;cursor:pointer}#open-button:hover{background-color:#0056b3}*{margin:0;padding:0;box-sizing:0}html,body{margin:0;padding:0;overflow:hidden}#gui{position:absolute;right:0;top:0}#solar-system,#earth-system,#topography-system{width:100%;height:100%;margin:0;padding:0;z-index:0}#planet-info{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:white;padding:20px}#close-button{position:absolute;top:10px;right:10px}#three-orbit-controls{position:absolute;width:100%;height:100%;pointer-events:auto}#three-orbit-controls #orbit-pan{cursor:move}#three-orbit-controls #orbit-zoom{cursor:zoom-in}#three-orbit-controls #orbit-zoom-out{cursor:zoom-out}#three-orbit-controls #orbit-rotate{cursor:ew-resize}#three-orbit-controls #orbit-dolly{cursor:ns-resize}.webgl{position:absolute;top:0;left:0;z-index:1}.music{margin-right:2rem}.tomo{margin-left:2rem}a{color:#00f}nuv{justify-content:space-between;font-family:Arial,sans-serif;color:#182de4;z-index:2;padding:1rem;display:flex;justify-content:center;position:absolute;font-size:1rem;left:50%;bottom:0;transform:translate(-50%)}nuv a{font-family:Arial,sans-serif;text-decoration:none;color:#182de4;font-weight:700}nav{font-family:Arial,sans-serif;color:#fff;z-index:2;position:relative;padding:4rem 8rem;display:flex;justify-content:space-between}nav a{font-family:Arial,sans-serif;text-decoration:none;color:#fff;font-weight:700}nav c{font-family:Arial,sans-serif;text-decoration:none;color:#fff;font-weight:700}nav ul{font-family:Arial,sans-serif;list-style:none;display:flex;gap:4rem}h1.sidebartitle{text-align:center;font-size:36px}.center-text{text-align:center}.canvas{position:absolute;z-index:1}.container{display:flex;height:100vh;position:absolute;z-index:0;justify-content:center}.sidebar{width:100vw;background-color:#f4f4f4;transition:transform .3s ease;transform:translate(-100vw);overflow-y:auto;position:fixed;top:0;left:0;bottom:0;z-index:9999}.content{padding:40px;width:100%;transform:translate(-5%,-5%)}.sidebar.open{transform:translate(0)}.menu-toggle{position:fixed;top:20px;left:20px;cursor:pointer;z-index:1000}.menu-toggle span{display:block;width:30px;height:4px;background-color:#333;margin-bottom:6px}.sidebar ul{list-style-type:none;padding:0}.sidebar ul li{margin-bottom:10px}.sidebar ul li a{color:#fff;text-decoration:none}.download-link{font-family:Arial,sans-serif;position:absolute;top:10px;right:10px;color:#fff;text-decoration:none}ol{list-style-type:none;margin:0;padding:0}li{margin:0;padding:10px}h3{padding-top:20px;color:#eecc06}.research_description{color:#fff;text-align:justify}.captions{color:#fff;text-align:center}#button-container{position:fixed;bottom:0;left:0;margin:20px;display:flex;flex-direction:column}#topography-system-button,#earth-system-button,#solar-system-button{margin-bottom:10px;font-family:Arial,sans-serif;background-color:#2903b1;border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:block;font-size:16px}#space-system-button{font-family:Arial,sans-serif;background-color:#2903b1;border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:block;font-size:16px}#buttons-of-earth-system{position:fixed;bottom:0;left:80%;margin:20px;display:flex;flex-direction:column}#cut-earth-button,#exit-clipping-button{margin-bottom:10px;margin-right:10px;font-family:Arial,sans-serif;background-color:#2903b1;border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:block;font-size:16px}#composition-chart-container{position:absolute;top:120px;left:20px;width:400px;background:rgba(0,0,30,.65);border-radius:10px;padding:12px 16px;color:#fff;font-family:Poppins,sans-serif;box-shadow:0 0 12px #0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .3s ease;z-index:101}#composition-chart-container.visible{opacity:1}#chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}#chart-mode,#toggle-chart{background:rgba(40,40,80,.8);color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-family:Poppins,sans-serif;font-size:13px}#chart-mode:hover,#toggle-chart:hover{background:rgba(80,80,140,.9)}#charts{display:flex;flex-direction:column;gap:10px}#charts canvas{width:100%;height:120px;background:rgba(255,255,255,.05);border-radius:4px;padding:4px}.simulation-time{position:absolute;top:120px;right:20px;color:#9af;font-family:Poppins,sans-serif;font-size:16px;background:rgba(0,0,30,.6);padding:6px 12px;border-radius:6px;border:1px solid rgba(120,120,255,.3);width:320px;text-align:right;z-index:101;opacity:0;transition:opacity .3s ease}.simulation-time.visible{opacity:1}