@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";#root{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}:root{--color-bg-dark:#060b16;--color-glass:#0a1423b3;--color-glass-border:#00f3ff33;--color-accent:#00f3ff;--color-accent-glow:#00f3ff99;--color-danger:#f05;--color-text-main:#fff;--color-text-muted:#8892b0;--grid-color:#00f3ff0d}body,html{background-color:var(--color-bg-dark);background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);width:100vw;height:100vh;color:var(--color-text-main);background-size:40px 40px;margin:0;padding:0;font-family:Outfit,Segoe UI,system-ui,sans-serif;overflow:hidden;box-shadow:inset 0 0 120px #00f3ff0d}.glass-panel{background:var(--color-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-glass-border);border-radius:12px;box-shadow:0 8px 32px #0000005e}.futuristic-btn{background:linear-gradient(135deg, var(--color-glass), #ffffff0d);border:1px solid var(--color-accent);color:var(--color-text-main);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .3s}.futuristic-btn:hover{box-shadow:0 0 15px var(--color-accent-glow);background:#3b82f61a}.sky-container{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:absolute;top:0;left:0;overflow:hidden}.sky-gradient{z-index:-2;width:100%;height:100%;transition:opacity 1.5s ease-in-out;position:absolute;top:0;left:0}.sky-gradient.day{opacity:1;background:linear-gradient(135deg,#74ebd5 0%,#9face6 100%)}.sky-gradient.night{opacity:0;background:radial-gradient(circle at 15%,#ffffff14 0%,#0000 50%),radial-gradient(circle at 85% 30%,#ffffff0d 0%,#0000 50%),linear-gradient(#020111 0%,#20124d 100%)}.sky-container.dark .sky-gradient.day{opacity:0}.sky-container.dark .sky-gradient.night{opacity:1}.stars{opacity:0;background:0 0;width:2px;height:2px;transition:opacity 1.5s ease-in-out;animation:12s infinite alternate twinkle;position:absolute}.sky-container.dark .stars{opacity:1}@keyframes twinkle{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.5)}}.celestial-bodies{width:100%;height:100%;position:absolute;top:0;left:0}.sun,.moon{border-radius:50%;transition:transform 1.5s cubic-bezier(.34,1.56,.64,1);position:absolute}.sun{background:radial-gradient(circle,#fff7b0 0%,#ffd000 60%,#ff8c00 100%);width:150px;height:150px;top:10%;left:20%;box-shadow:0 0 60px #ff8c00,0 0 120px #ffd000}.sky-container.light .sun{transform:translateY(0)scale(1)}.sky-container.dark .sun{transform:translateY(150vh)scale(.5)}.moon{background:radial-gradient(circle at 30% 30%,#e0e0e0 0%,#a0a0a0 100%);width:120px;height:120px;top:15%;left:60%;overflow:hidden;box-shadow:0 0 40px #fff6}.sky-container.light .moon{transform:translateY(150vh)scale(.5)}.sky-container.dark .moon{transform:translateY(0)scale(1)}.crater{background:#00000026;border-radius:50%;position:absolute;box-shadow:inset 2px 2px 5px #0003}.c1{width:30px;height:30px;top:20px;left:30px}.c2{width:20px;height:20px;top:60px;left:70px}.c3{width:15px;height:15px;top:80px;left:30px}.clouds-layer{opacity:1;width:100%;height:100%;transition:opacity 1.5s ease-in-out;position:absolute}.sky-container.dark .clouds-layer{opacity:.15}.cloud{filter:drop-shadow(0 10px 10px #0000000d);animation:linear infinite drift;position:absolute}.cloud-1{z-index:2;animation-duration:40s;top:15%;left:-200px;transform:scale(1.2)}.cloud-2{opacity:.8;z-index:1;animation-duration:65s;top:40%;left:-300px;transform:scale(.8)}.cloud-3{opacity:.6;z-index:1;animation-duration:80s;top:5%;left:-150px;transform:scale(.6)}.cloud-4{opacity:.9;z-index:2;animation-duration:55s;top:25%;left:-250px;transform:scale(1)}@keyframes drift{0%{transform:translate(-20vw)}to{transform:translate(120vw)}}.puff{background:#fff;border-radius:50%;position:absolute}.p1{width:120px;height:120px;top:0;left:30px}.p2{width:80px;height:80px;top:40px;left:-20px}.p3{width:90px;height:90px;top:30px;left:110px}.physics-sim-root{--bg-color:#f0f4f8;--glass-bg:#fff6;--glass-border:#ffffff80;--text-dark:#333;--text-light:#555;--accent:#2563eb;--accent-hover:#1d4ed8}.physics-sim-root.dark{--bg-color:#0b0f19;--glass-bg:#0b0f19b3;--glass-border:#ffffff1a;--text-dark:#f0f4f8;--text-light:#cbd5e1;--accent:#3b82f6;--accent-hover:#60a5fa}.physics-sim-root *{box-sizing:border-box}.physics-sim-root{color:var(--text-dark);background:0 0;margin:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;overflow:hidden}.app-container{width:100vw;height:100vh;display:flex;position:relative}.simulation-area{flex-grow:1;position:relative}.dashboard-area{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--glass-border);flex-direction:column;gap:20px;width:450px;padding:20px;transition:all .3s;display:flex;overflow-y:auto;box-shadow:-4px 0 30px #0000001a}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:16px;transition:all .3s;box-shadow:0 4px 6px #0000000d}.title-text{color:var(--text-dark);text-align:center;text-transform:uppercase;letter-spacing:2px;text-shadow:0 2px 4px #ffffff1a;margin-top:0;font-weight:800}.section-title{color:var(--text-dark);margin-bottom:15px;font-size:1.2rem;font-weight:600}.btn-cyber{color:var(--text-dark);border:1px solid var(--glass-border);cursor:pointer;text-transform:uppercase;letter-spacing:1px;text-align:center;background:#ffffff1a;border-radius:8px;flex-grow:1;padding:10px 16px;font-weight:700;transition:all .2s;box-shadow:0 2px 4px #0000000d}.btn-cyber:hover{background:#fff3;transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.btn-cyber.active{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-cyber.pink{color:#fff;background:var(--accent);border-color:var(--accent)}.btn-cyber.pink:hover,.btn-cyber.pink.active{background:var(--accent-hover)}.controls-row{gap:10px;margin-bottom:10px;display:flex}.control-group{flex-direction:column;gap:8px;margin-bottom:15px;display:flex}.control-label{color:var(--text-light);justify-content:space-between;font-size:.85rem;font-weight:500;display:flex}.control-label span.value{color:var(--accent);font-weight:700}input[type=range]{-webkit-appearance:none;background:0 0;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:50%;width:18px;height:18px;margin-top:-7px;box-shadow:0 1px 4px #0000004d}input[type=range]::-webkit-slider-runnable-track{cursor:pointer;background:#0003;border-radius:3px;width:100%;height:6px}.toggle-switch{cursor:pointer;align-items:center;gap:10px;margin-bottom:10px;display:flex}.toggle-bg{background:#0003;border-radius:12px;width:44px;height:24px;transition:all .3s;position:relative;box-shadow:inset 0 1px 3px #0000001a}.toggle-bg.active{background:var(--accent)}.toggle-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle-bg.active .toggle-knob{transform:translate(20px)}.graph-container{background:var(--glass-bg);border-radius:8px;width:100%;height:200px;margin-top:10px;padding:10px;transition:all .3s}.graph-modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:1000;background:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;padding:40px;display:flex;position:fixed;top:0;left:0}.graph-modal-content{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(30px);border-radius:16px;flex-direction:column;width:100%;height:100%;padding:20px;display:flex;position:relative;box-shadow:0 10px 40px #0000004d}.close-modal-btn{cursor:pointer;color:var(--text-dark);background:0 0;border:none;font-size:24px;transition:transform .2s;position:absolute;top:20px;right:20px}.close-modal-btn:hover{color:red;transform:scale(1.1)}@media (width>=1600px){html{font-size:125%}.layout-container{gap:40px;padding:40px}}@media (width>=2500px){html{font-size:150%}}@media (width<=768px){.app-container{flex-direction:column}.simulation-area{flex-grow:0;height:45vh}.dashboard-area{border-left:none;border-top:1px solid var(--glass-border);flex-grow:1;width:100%}}@media (width>=1600px){body{font-size:1.5rem}.dashboard-area{width:600px;padding:40px}.title-text{font-size:2.5rem}.section-title{font-size:1.8rem}.glass-panel{padding:30px}.btn-cyber{padding:20px 30px;font-size:1.3rem}input[type=range]::-webkit-slider-thumb{width:30px;height:30px;margin-top:-12px}input[type=range]::-webkit-slider-runnable-track{height:10px}.toggle-bg{border-radius:20px;width:70px;height:40px}.toggle-knob{width:34px;height:34px;top:3px;left:3px}.toggle-bg.active .toggle-knob{transform:translate(30px)}.graph-container{height:350px}}.layout-container{flex:1;height:calc(100vh - 60px);display:flex;overflow:hidden}.left-column{flex-direction:column;flex-grow:1;display:flex;position:relative}.right-column{background:var(--glass-bg);border-left:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;width:400px;display:flex;overflow-y:auto}@media (width<=1024px){.layout-container{flex-direction:column;overflow-y:auto}.left-column{flex:none;min-height:50vh}.right-column{border-left:none;border-top:1px solid var(--glass-border);flex:none;width:100%;height:auto}}.title-bar{background:var(--glass-bg);border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;justify-content:space-between;align-items:center;padding:10px 24px;display:flex}.title-bar h1{color:var(--text-dark);margin:0;font-size:1.2rem}