body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{align-items:center;background:linear-gradient(120deg,#f4f4f9,#e6e9f0);display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;margin:0;min-height:100vh;overflow-x:hidden}.App{animation:fadeIn 1.5s ease-in-out;background:linear-gradient(145deg,#fff,#e8e8e8);border:1px solid #ddd;border-radius:20px;box-shadow:0 10px 20px #0003,0 6px 6px #0000001a;margin:20px;max-width:1400px;padding:40px;text-align:center;width:100%}h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#4b79a1,#283e51);-webkit-background-clip:text;color:#333;font-size:38px;letter-spacing:2px;margin-bottom:30px;text-transform:uppercase}.plot-container{grid-gap:30px;align-items:center;display:grid;gap:30px;grid-template-columns:repeat(2,1fr);justify-content:center;padding:20px}.plot-container .react-plotly-graph{background:linear-gradient(145deg,#f4f4f9,#fff);border:1px solid #ccc;border-radius:12px;box-shadow:0 4px 15px #00000026;height:450px;transition:transform .3s ease,box-shadow .3s ease;width:100%}.plot-container .react-plotly-graph:hover{box-shadow:0 10px 25px #0003;transform:scale(1.03)}@media (max-width:900px){.plot-container{gap:20px;grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.262d7d83.css.map*/