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}.navbar{align-items:center;background-color:#e6e6dc;color:#000;display:flex;flex-direction:column;padding:10px 0;position:fixed;top:0;width:100%;z-index:1000}.mobile-menu-button{display:none}.nav-list{display:flex;justify-content:center;list-style:none;margin:0;max-width:1200px;padding:0;width:100%}.nav-item{margin:0 10px;position:relative}.nav-link{color:grey;cursor:pointer;display:block;font-size:1rem;padding:10px;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#000}.nav-link.inactive{color:#aaa;cursor:not-allowed;opacity:.5;pointer-events:none}.dropdown-menu{background-color:#e6e6dc;border-radius:5px;box-shadow:0 2px 5px #0000001a;left:0;list-style:none;margin:0;min-width:150px;padding:0;position:absolute;top:100%;z-index:1000}.dropdown-item{color:grey;display:block;padding:10px 15px;text-decoration:none}.dropdown-item:hover{background-color:#ddd;color:#000}@media screen and (max-width:1024px){.navbar{align-items:stretch;padding:0}.mobile-menu-button{background:none;border:none;color:grey;cursor:pointer;display:block;left:0;margin:10px 20px;position:relative;z-index:1000}.nav-list{background-color:#e6e6dc;display:none;flex-direction:column;margin-top:10px;max-height:calc(100vh - 60px);max-width:100%;overflow-y:auto;padding:0;width:100%}.nav-list.show{display:flex}.nav-item{margin:0;text-align:left;width:100%}.nav-link{display:block;padding:15px 20px;width:100%}.dropdown-menu{background-color:#f5f5f0;box-shadow:none;display:none;position:static;width:100%}.dropdown.active .dropdown-menu{display:block}.dropdown-item{padding-left:40px}}.install-button-container{align-items:center;display:flex;margin-left:auto}@media screen and (min-width:1025px){.nav-list{justify-content:center;padding:0 20px}.nav-item{flex:0 1 auto}}@media screen and (max-width:1024px){.install-button-container{border-top:1px solid #ddd;justify-content:center;margin-left:0;margin-top:10px;padding:10px 20px;width:100%}}.install-button{align-items:center;background-color:#4caf50;border:none;border-radius:999px;bottom:20px;box-shadow:0 8px 24px #00000026;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:10px;padding:12px 18px;position:fixed;right:20px;transition:all .2s ease;z-index:10000}.install-button:hover{background-color:#45a049;box-shadow:0 10px 28px #0003;transform:translateY(-1px)}.install-button:active{transform:translateY(0)}.install-button svg{flex-shrink:0}.ios-instructions-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.ios-instructions-modal{animation:slideIn .3s ease-out;background-color:#fff;border-radius:15px;box-shadow:0 10px 40px #0000004d;max-width:500px;padding:30px;position:relative;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.ios-instructions-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;justify-content:center;padding:5px;position:absolute;right:15px;top:15px;transition:background-color .2s}.ios-instructions-close:hover{background-color:#f0f0f0}.ios-instructions-content{text-align:center}.ios-icon{color:#4caf50;margin-bottom:20px}.ios-instructions-content h2{color:#333;font-size:1.5rem;margin:0 0 15px}.ios-instructions-content p{color:#666;line-height:1.6;margin:10px 0}.ios-instructions-content ol{color:#333;line-height:1.8;margin:20px auto;max-width:400px;text-align:left}.ios-instructions-content li{margin:10px 0}.ios-instructions-content strong{color:#4caf50}.share-icon{background-color:#f0f0f0;border-radius:3px;display:inline-block;font-family:monospace;font-weight:700;margin:0 4px;padding:2px 6px}.ios-note{color:#888;font-size:.9rem;font-style:italic;margin-top:20px}@media screen and (max-width:768px){.install-button{bottom:16px;font-size:.9rem;padding:10px 14px;right:16px}.install-button span{display:inline}.ios-instructions-modal{margin:10px;padding:20px}.ios-instructions-content h2{font-size:1.3rem}}.homepage-container{align-items:center;animation:fadeIn .8s ease-in;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;margin-left:auto;margin-right:auto;margin-top:60px;max-width:1200px;min-height:calc(100vh - 60px);overflow-y:auto;padding:40px 20px;text-align:center;width:100%}h1{animation:slideDown .6s ease-out;color:#343d68;font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:20px;width:100%}p{animation:fadeInSlide .6s ease-out forwards;animation-delay:.3s;color:#333;font-size:clamp(1rem,2vw,1.2rem);margin-bottom:30px;max-width:800px;opacity:0;width:100%}.demo-notice{animation:fadeInSlide .6s ease-out forwards;animation-delay:.6s;background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin:20px 0;max-width:600px;opacity:0;padding:20px;text-align:center;transform:translateY(0);transition:transform .3s ease,box-shadow .3s ease;width:90%}.demo-notice:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.main-buttons{animation:fadeInSlide .6s ease-out forwards;animation-delay:.9s;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:20px;max-width:600px;opacity:0;width:100%}button{overflow:hidden;position:relative}button:after{background-color:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}button:hover:after{height:200px;width:200px}.contact-button{background-color:#007bff;margin:15px 0}.contact-button:hover{background-color:#0056b3}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:1024px){body{position:relative}.homepage-container{height:auto;margin-top:60px;min-height:calc(100vh - 60px);padding:20px;position:relative;z-index:1}.nav-open .homepage-container{pointer-events:none}.main-buttons{align-items:center;flex-direction:column;gap:15px}button{max-width:300px;width:100%}.demo-notice{padding:15px;width:100%}}@media screen and (min-width:768px) and (max-width:1024px){.homepage-container{padding:30px}.main-buttons{flex-direction:row;max-width:800px}button{flex:1 1;min-width:200px}}@media (prefers-reduced-motion:reduce){.demo-notice,.homepage-container,.main-buttons,h1,p{animation:none;opacity:1;transform:none}button:hover{transform:none}}body{background-color:#f5f5f5}.logged-off-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;margin-left:auto;margin-right:auto;margin-top:60px;max-width:1200px;min-height:calc(100vh - 60px);overflow-y:auto;padding:40px 20px;width:100%}.logged-off-container h1{color:#343d68;font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:20px;text-align:center;width:100%}.logged-off-container p{color:#333;font-size:clamp(1rem,2vw,1.2rem);line-height:1.6;margin:20px auto;max-width:600px;text-align:center}.button-container{gap:20px;margin-top:30px}.contact-button,.rescons-button,.start-again-button,button{background-color:#e84949;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:clamp(.9rem,1.5vw,1rem);max-width:200px;min-width:140px;padding:12px 24px;text-align:center;text-decoration:none;transition:all .3s ease;width:auto}.rescons-button:hover,.start-again-button:hover{background-color:#d73838;opacity:1;transform:translateY(-2px)}.rescons-button:active,.start-again-button:active{transform:translateY(0)}@media screen and (max-width:1024px){.logged-off-container{margin-top:80px;padding:20px}.button-container{max-width:300px;width:90%}.rescons-button,.start-again-button{width:100%}}@media screen and (min-width:768px) and (max-width:1024px){.logged-off-container{padding:30px}.button-container{max-width:350px}}@media (prefers-reduced-motion:reduce){.rescons-button,.start-again-button{transition:none}.rescons-button:hover,.start-again-button:hover{transform:none}}.material-selection{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;margin-left:auto;margin-right:auto;margin-top:60px;max-width:1200px;min-height:calc(100vh - 60px);overflow-y:auto;padding:40px 20px;width:100%}.material-selection h1{color:#343d68;font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:30px;width:100%}select{background-color:#fff;border:1px solid #ccc;border-radius:5px;cursor:pointer;font-size:clamp(.9rem,1.5vw,1rem);margin:20px 0;max-width:400px;padding:12px;transition:all .3s ease;width:100%}select:focus,select:hover{border-color:#007bff}select:focus{box-shadow:0 0 0 2px #007bff40;outline:none}button{margin:10px 0}.next-button{background-color:#e84949;color:#fff;margin:20px auto 10px}.next-button:hover{background-color:#d73838;transform:translateY(-2px)}.cancel-button{background-color:#6c757d;color:#fff;margin:10px auto 20px}.cancel-button:hover{background-color:#5a6268;transform:translateY(-2px)}@media screen and (max-width:1024px){.material-selection{margin-top:80px;padding:20px}button,select{max-width:300px;width:90%}}@media screen and (min-width:768px) and (max-width:1024px){.material-selection{padding:30px}button,select{max-width:350px}}.button-container{margin-top:20px;max-width:400px}@media (prefers-reduced-motion:reduce){button,select{transition:none}button:hover{transform:none}}.operating-parameters{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;margin-top:60px;min-height:calc(100vh - 60px);overflow-y:auto;padding:40px 20px;width:100%}.operating-parameters-content{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;max-width:800px;padding:30px;width:90%}h2{font-size:clamp(1.5rem,3vw,2rem)}form,h2{width:100%}form{display:flex;flex-direction:column;gap:20px}.form-group{align-items:center;gap:15px;width:100%}label{color:#333;flex-shrink:0;font-size:clamp(.9rem,1.5vw,1rem);text-align:right;width:30%}.input-unit-container{align-items:center;display:flex;flex:1 1;gap:8px}input{border:1px solid #ccc;border-radius:5px;flex:1 1;font-size:clamp(.9rem,1.5vw,1rem);padding:8px 12px;transition:all .3s ease}input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.unit{color:#555;font-size:clamp(.85rem,1.4vw,.95rem);min-width:45px}.button-group{gap:20px;margin-top:30px}button.next-button{background-color:#e84949;color:#fff}button.next-button:hover{background-color:#d73838;transform:translateY(-2px)}button.back-button{background-color:#6c757d;color:#fff}button.back-button:hover{background-color:#5a6268;transform:translateY(-2px)}button:active{transform:translateY(0)}@media screen and (max-width:1024px){.operating-parameters{height:calc(100vh - 60px);margin-top:60px;overflow-y:auto;padding:15px}.operating-parameters-content{margin-bottom:20px;padding:15px;width:100%}.form-group{display:block;margin-bottom:12px}label{display:block;font-size:.9rem;margin:0 0 4px;padding:0;text-align:left}.input-unit-container,label{width:100%}input{width:calc(100% - 50px)}.unit{padding-left:4px}.button-group{align-items:center;flex-direction:column;gap:10px;margin-top:15px}button{max-width:300px;width:100%}}@media screen and (min-width:768px) and (max-width:1024px){.operating-parameters-content{padding:20px}.button-group{flex-direction:row}button{width:auto}}@media (prefers-reduced-motion:reduce){button,input{transition:none}button:hover{transform:none}}body{overflow-y:auto}.calculation-mode{box-sizing:border-box;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;margin-top:60px;max-width:1200px;min-height:calc(100vh - 60px);overflow-y:auto;padding:40px 20px;width:100%}.content-wrapper{flex:1 1;width:100%}h2{font-size:clamp(1.6rem,3vw,2rem);margin-bottom:30px;text-align:center}h2,h3{color:#343d68}h3{font-size:clamp(1.2rem,2vw,1.5rem);margin:20px 0}.coordinate-system,.input-parameters{background-color:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;margin-bottom:30px;padding:20px;width:100%}.coordinate-options{display:flex;flex-direction:row;flex-wrap:wrap;gap:30px;margin-top:15px}.coordinate-options label{align-items:center;cursor:pointer;display:inline-flex;gap:8px;margin-right:20px;padding:4px 0;white-space:nowrap}.coordinate-options input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:2px solid #e84949;border-radius:50%;cursor:pointer;flex:0 0 16px;height:16px;margin:0;outline:none;position:relative;width:16px}.coordinate-options input[type=radio]:checked{background-color:#e84949;border-color:#e84949}.coordinate-options input[type=radio]:checked:after{background-color:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.dimension-select select{background-color:#fff;border:1px solid #ccc;border-radius:5px;cursor:pointer;font-size:clamp(.9rem,1.5vw,1rem);margin-top:10px;max-width:400px;padding:12px;transition:all .3s ease;width:100%}.form-group{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.input-wrapper{align-items:center;display:flex;flex:2 1;gap:10px;min-width:200px}.form-group label{color:#333;flex:1 1;max-width:300px;min-width:250px;padding-top:8px}.form-group input{border:1px solid #ccc;border-radius:5px;flex:1 1;font-size:1rem;min-width:150px;padding:12px;transition:all .3s ease}.unit{color:#666;flex:0 0 auto;white-space:nowrap}.button-group{gap:15px;margin:30px 0}button{background-color:#e84949;min-width:150px}button:hover{background-color:#d73838}.disabled-input{background-color:#f5f5f5;border:1px solid #ddd;color:#7a7a7a;cursor:not-allowed}.ok-button{background-color:#007bff;margin-top:20px}.ok-button:hover{background-color:#0056b3}@media screen and (max-width:1024px){.calculation-mode{margin-top:80px;padding:20px}.coordinate-system,.input-parameters{padding:15px}.coordinate-options{flex-direction:column;gap:12px}.coordinate-options label{margin-right:0;padding:8px 0;width:auto}.coordinate-options input[type=radio]{height:20px;margin-right:10px;width:20px}.form-group{align-items:stretch;flex-direction:column;gap:12px}.form-group label{max-width:none;min-width:0;min-width:auto;padding-top:0}.input-wrapper{width:100%}.input-wrapper input{flex:1 1;min-width:0}.unit{min-width:40px;padding-left:8px;text-align:left}.button-group{flex-direction:column;width:100%}.button-group button{margin:5px auto;max-width:300px;width:100%}}@media screen and (min-width:768px) and (max-width:1024px){.coordinate-options{flex-direction:row;flex-wrap:wrap;gap:20px}.coordinate-options label{flex:0 0 auto;min-width:200px}.button-group{flex-direction:row;justify-content:center}.button-group button{width:auto}}@media screen and (max-width:428px){.calculation-mode{padding:15px}.coordinate-options label{align-items:center;display:inline-flex;font-size:14px;padding:6px 0}.coordinate-options input[type=radio]{flex:0 0 16px;height:16px;margin:0 8px 0 0;width:16px}.form-group label{font-size:14px}.input-wrapper input{font-size:14px;padding:10px}.unit{font-size:14px;min-width:35px}}.popup-overlay{z-index:1000}.popup-content{box-shadow:0 4px 15px #0000001a;margin:20px;max-width:90%;padding:30px;width:400px}body{font-family:Be Vietnam Pro,sans-serif;margin:0;overflow-x:hidden;padding:0}.flex{align-items:center;display:flex;justify-content:center}.flex-col{flex-direction:column}.items-center{align-items:center}.content-container{justify-content:center;margin-top:60px;min-height:calc(100vh - 60px);overflow-y:auto;padding:10px}.content-container,.content-container>div{box-sizing:border-box;display:flex;width:100%}.content-container>div{align-items:center;flex-direction:column;max-width:1200px;padding:0 15px}.mb-8{align-items:center;display:flex;justify-content:center;margin:32px auto;overflow:visible;position:relative;width:100%}.mb-8 svg{height:auto;margin:0 auto;max-width:800px;min-width:auto;width:100%}.mb-8::-webkit-scrollbar{height:8px}.mb-8::-webkit-scrollbar-track{background:#f1f1f1}.mb-8::-webkit-scrollbar-thumb{background:#888;border-radius:4px}@media screen and (max-width:850px){.mb-8{margin:20px auto;padding:0 10px}.mb-8 svg{transform-origin:center center;width:95%}}@media screen and (max-width:768px){.mb-8{margin:15px auto;padding:0 5px}.mb-8 svg{width:90%}.content-container{padding:5px}}@media screen and (max-width:480px){.mb-8{margin:10px auto;padding:0}.mb-8 svg{width:85%}.text-2xl{font-size:1.2rem;padding:5px}.text-xl{font-size:1rem;padding:5px}}@media screen and (max-width:400px){.mb-8 svg{width:80%}}.w-full.max-w-4xl{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:0 15px;width:100%}.text-2xl{font-size:clamp(1.25rem,2vw,1.5rem);padding:10px}.text-2xl,.text-xl{box-sizing:border-box;margin:0 auto;text-align:center;width:100%}.text-xl{font-size:clamp(1rem,1.5vw,1.25rem)}.description,.note{box-sizing:border-box;line-height:1.5;margin:15px auto;max-width:800px;padding:0 15px;text-align:center;width:100%}.note{color:#ff4500;font-weight:500}.button-group,.flex.space-x-4{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:10px;width:100%}.popup-overlay{background-color:#00000080;box-sizing:border-box;padding:20px;z-index:1100}.popup-content{border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;width:90%}.popup-buttons{display:flex;gap:12px;justify-content:center;margin-top:20px}@media screen and (max-width:1024px){.content-container{padding:15px 0}.content-container>div{padding:0 10px}.description,.note{font-size:.95rem;padding:0 20px}}@media screen and (max-width:768px){.content-container{padding:10px 0}.text-2xl{font-size:1.25rem;padding:5px 10px}.text-xl{font-size:1rem;padding:5px 10px}.description,.note{font-size:.9rem;padding:0 15px}.popup-buttons{flex-direction:column;gap:10px}.popup-buttons button{width:100%}.button-group,.flex.space-x-4{align-items:center;flex-direction:column;gap:10px;padding:15px}button{max-width:280px;width:100%}}@media screen and (max-width:480px){.content-container{padding:5px 0}.content-container>div{padding:0 5px}.description,.note{font-size:.85rem;padding:0 10px}.text-2xl{font-size:1.1rem}.text-xl{font-size:.9rem}}button{min-width:100px}.graph-selection-container{background-color:#f5f5f5;color:#000;justify-content:center;min-height:100vh;padding:1rem}.graph-selection-card,.graph-selection-container{align-items:center;display:flex;flex-direction:column}.graph-selection-card{max-width:28rem;padding:1.5rem;width:90%}.button-container{align-items:center;width:100%}.graph-button,.nav-button{max-width:300px;text-align:center;width:80%}.graph-selection-card h2{word-wrap:break-word;font-size:1.25rem;font-weight:700;-webkit-hyphens:auto;hyphens:auto;margin-bottom:1.5rem;overflow-wrap:break-word}@media screen and (max-width:480px){.graph-selection-card h2{font-size:1.1rem;padding:0 .5rem}.graph-selection-card{padding:1rem}}.button-container{display:flex;flex-direction:column;gap:1rem}.graph-button,.nav-button{background-color:#e84949;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px}.graph-button:hover,.nav-button:hover{background-color:#d1d1c7}.navigation-buttons{gap:1rem;margin-top:1.5rem}.popup-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.popup-content{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0003;padding:20px;text-align:center}.popup-button{background-color:#3b82f6;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-top:10px;padding:10px}.popup-button:hover{background-color:#d3d3d3}.graph-type-selection-container{align-items:center;background-color:#f5f5f5;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;margin-left:auto;margin-right:auto;margin-top:60px;max-width:1200px;min-height:calc(100vh - 60px);overflow-y:auto;padding:40px 20px;width:100%}.graph-selection-card{border-radius:10px;margin:20px 0;transition:transform .3s ease,box-shadow .3s ease}.graph-selection-card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.graph-selection-card h2{color:#343d68;font-size:clamp(1.5rem,3vw,2rem);margin-bottom:20px;padding:0 1.5rem}.radio-group{gap:10px;padding:0 1.5rem;width:100%}.radio-group label{align-items:center;background-color:#fff;border-radius:5px;cursor:pointer;display:flex;font-size:clamp(.9rem,1.5vw,1rem);gap:10px;margin:0;padding:10px 15px;transition:background-color .3s ease;width:auto}.radio-group input[type=radio]{cursor:pointer;flex-shrink:0;height:20px;margin:0;width:20px}.radio-group label span{flex:1 1;padding-left:5px;text-align:left}.radio-group label:hover:not(.inactive-option){background-color:#0000000d}.inactive-option{cursor:not-allowed}.inactive-option input{opacity:.6}.navigation-buttons{flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px;padding:0 1.5rem;width:100%}.nav-button{font-size:clamp(.9rem,1.5vw,1rem);min-width:120px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.nav-button:hover:not(:disabled){background-color:#d73838;transform:translateY(-2px)}.nav-button:active:not(:disabled){transform:translateY(0)}.nav-button:disabled{background-color:#ccc;cursor:not-allowed}@media screen and (max-width:1024px){.graph-type-selection-container{margin-top:80px;padding:20px}.graph-selection-card{margin:10px;padding:1.5rem;text-align:center;width:90%}.graph-selection-card h2,.radio-group{padding:0 1rem}.radio-group{align-items:stretch;flex-direction:column}.radio-group label{justify-content:flex-start;margin:0 1rem;min-width:0;text-align:left;white-space:normal;width:calc(100% - 2rem)}.navigation-buttons{align-items:center;flex-direction:column;padding:0 1rem}.nav-button{max-width:300px;width:calc(100% - 2rem)}}@media screen and (min-width:768px) and (max-width:1024px){.graph-type-selection-container{padding:30px}.graph-selection-card h2,.navigation-buttons,.radio-group{padding:0 1.5rem}.navigation-buttons{flex-direction:row;justify-content:center}.nav-button{min-width:150px;width:auto}.radio-group{flex-direction:row;flex-wrap:wrap;justify-content:center}.radio-group label{margin:0;width:auto}}@media (prefers-reduced-motion:reduce){.graph-selection-card,.nav-button{transition:none}.graph-selection-card:hover,.nav-button:hover{transform:none}}@media screen and (max-width:767px){.graph-type-selection-container{margin-top:80px;padding:20px 10px}.graph-selection-card{margin:10px;max-width:none;padding:1rem;width:calc(100% - 20px)}.radio-group{padding:0 10px}.radio-group label{align-items:center;display:flex;font-size:.9rem;gap:8px;margin:0 auto;padding:12px 10px;width:calc(100% - 20px)}.radio-group input[type=radio]{height:18px;margin:0;width:18px}.navigation-buttons{padding:0 10px;width:calc(100% - 20px)}.nav-button{margin:5px 0;width:100%}}@media screen and (max-width:390px){.graph-selection-card{padding:.8rem}.radio-group label{font-size:.85rem;gap:6px;padding:10px 8px}.radio-group input[type=radio]{height:16px;width:16px}}@media screen and (min-width:768px) and (max-width:1024px){.graph-type-selection-container{padding:30px}.radio-group{align-items:stretch;flex-direction:column}.radio-group label{margin:0 auto;width:calc(100% - 40px)}}@media screen and (min-width:1025px){.radio-group{flex-direction:row;flex-wrap:nowrap;gap:0;justify-content:flex-start;width:100%}.radio-group label{align-items:center;display:inline-flex;flex:0 1 auto;gap:5px;margin:0;padding:10px;white-space:nowrap}input[type=radio]{flex:0 0 18px;margin-right:5px}.radio-group label span{flex:0 1 auto}}input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:2px solid #e84949;border-radius:50%;cursor:pointer;height:18px;margin:0;outline:none;position:relative;width:18px}input[type=radio]:checked{background-color:#e84949;border-color:#e84949}input[type=radio]:checked:after{background-color:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.inactive-option input[type=radio]{border-color:#ccc}.inactive-option input[type=radio]:checked{background-color:#ccc}.graph-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;margin-top:60px;max-width:1200px;min-height:calc(100vh - 60px);overflow-y:auto;padding:20px;width:100%}.graph-wrapper{background-color:#f8f9fa;border-radius:8px;box-shadow:0 4px 6px #0000001a;height:60vh;margin:20px 0;max-height:600px;min-height:400px;overflow:hidden;padding:20px;position:relative;width:100%}.error-text{color:#dc3545}.error-text,.loading-text{font-size:clamp(1rem,2vw,1.2rem);margin:20px 0;text-align:center;width:100%}.loading-text{color:#007bff}.button-group{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:20px 0;width:100%}button{border-radius:5px;font-size:clamp(.9rem,1.5vw,1rem);margin:5px;padding:12px 24px}.update-graph{background-color:#28a745;color:#fff}.update-graph:hover{background-color:#218838;transform:translateY(-2px)}.update-graph:disabled{background-color:#6c757d;cursor:not-allowed;transform:none}.graph-options{background-color:#007bff;color:#fff}.graph-options:hover{background-color:#0056b3;transform:translateY(-2px)}.print{background-color:#17a2b8;color:#fff}.print:hover{background-color:#138496;transform:translateY(-2px)}.close{background-color:#dc3545;color:#fff}.close:hover{background-color:#c82333;transform:translateY(-2px)}@media screen and (max-width:1024px){.graph-container{margin-top:80px;padding:15px}.graph-wrapper{height:50vh;min-height:300px;padding:15px}.button-group{align-items:center;flex-direction:column;padding:10px}button{margin:5px 0;max-width:300px;width:100%}}@media screen and (min-width:768px) and (max-width:1024px){.graph-wrapper{height:55vh;min-height:350px}.button-group{flex-direction:row;flex-wrap:wrap;justify-content:center}button{margin:5px;width:auto}}@media print{.graph-container{margin:0;padding:0}.print-graph{height:100vh;page-break-after:always;position:relative;width:100%}.print-graph *{visibility:visible}.button-group,.error-text,.loading-text,.navbar{display:none!important}.graph-wrapper{border:1px solid #ddd;box-shadow:none;height:100%;max-height:none}}@media (prefers-reduced-motion:reduce){button{transition:none}button:hover{transform:none}}.graph-options-container{align-items:center;background-color:#f5f5f5;color:#000;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:1rem}.graph-selection-card{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;max-width:30rem;padding:2rem;text-align:center;width:100%}.radio-group{display:flex;flex-direction:column;margin-bottom:20px}.radio-group label{font-size:16px;margin:10px 0;text-align:justify}.inactive-option input{cursor:not-allowed}.inactive-option{color:grey}.navigation-buttons{display:flex;gap:10px}.nav-button{background-color:#e84949;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px;transition:background-color .3s}.nav-button:hover{background-color:#d3d3d3}.experimental-data-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;margin:60px auto 0;max-width:1200px;min-height:calc(100vh - 60px);overflow-x:hidden;padding:20px;position:relative}.table-title{color:#333;font-size:clamp(1.5rem,3vw,28px);font-weight:700;margin-bottom:30px;text-align:center;width:100%}.table-container{background-color:#fff;border:2px solid #666;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;max-height:calc(100vh - 200px);overflow-x:auto;overflow-y:auto;width:100%}table{border-collapse:initial;border-spacing:0;min-width:600px;width:100%}thead{background-color:#2c3e50;color:#fff;position:sticky;top:0;z-index:1}td,th{border:1px solid #bdc3c7;padding:12px;text-align:center}th{font-size:clamp(14px,1.5vw,16px);font-weight:700}td{font-size:clamp(12px,1.2vw,14px)}.row-number{background-color:#f7f9fc;color:#333;font-weight:700;width:60px}input{border:1px solid #bdc3c7;border-radius:4px;font-size:14px;padding:8px;text-align:center;width:90%}input:focus{border-color:#3498db;box-shadow:0 0 5px #3498db4d;outline:none}.buttons-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px;position:static;transform:none;width:100%}button{background-color:#3498db;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:15px;font-weight:500;min-width:120px;padding:12px 20px;text-align:center;transition:all .3s ease}button:hover{background-color:#2980b9;box-shadow:2px 2px 8px #0003;transform:translateY(-2px)}button.reset-button{background-color:#e74c3c}button.reset-button:hover{background-color:#c0392b}button:disabled{background-color:#95a5a6;box-shadow:none;cursor:not-allowed;transform:none}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0003;max-width:90%;padding:25px;width:400px}.modal h3{color:#2c3e50;font-size:clamp(16px,2vw,20px);margin-bottom:20px;margin-top:0}.filename-input{border:2px solid #bdc3c7;border-radius:6px;box-sizing:border-box;font-size:14px;margin-bottom:20px;padding:10px;width:100%}.modal-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.modal-buttons button{min-width:100px;width:auto}.table-container::-webkit-scrollbar{height:10px;width:10px}.table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}.table-container::-webkit-scrollbar-thumb{background:#888;border-radius:5px}.table-container::-webkit-scrollbar-thumb:hover{background:#555}@media screen and (max-width:1024px){.experimental-data-container{margin-top:80px;padding:15px}.buttons-container{align-items:center;flex-direction:column}button{max-width:300px;width:100%}.modal-buttons{justify-content:center}.modal-buttons button{width:100%}}@media screen and (min-width:768px) and (max-width:1024px){.buttons-container{flex-direction:row;flex-wrap:wrap;justify-content:center}button{width:auto}.modal-buttons{justify-content:flex-end}.modal-buttons button{width:auto}}@media screen and (max-height:600px){.table-container{max-height:calc(100vh - 160px)}}
/*# sourceMappingURL=main.cbab420c.css.map*/