.landing-page{display:flex;flex-direction:column;align-items:center;justify-content:left;width:300px;margin:20px 30px 15px 50px}.input-field{width:300px;padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:5px;font-size:16px}.next-button{padding:10px 15px;width:120px;border:none;border-radius:8px;background-color:#55525228;color:#000;font-size:18px;font-weight:700;cursor:pointer;transition:background-color .3s}.welcome-text{font-size:2em;font-weight:600;margin-bottom:20px}.root-container{display:flex;flex-wrap:wrap;margin:20px 30px 15px 50px;justify-content:center;align-content:center}.top-container{display:flex;flex-wrap:wrap;width:100%;height:190px}.right-container{display:flex;width:500px;min-width:450px;height:100%}.text-container{width:550px;height:40%}.proj-container{display:flex;margin-top:20px;width:100%;height:100%}.table-container{min-width:280px;width:40%;height:50%;justify-content:left;align-content:baseline;margin:20px 50px 0 0}.answer-container{display:flex;flex-wrap:wrap;width:30%;height:30vh;max-width:200px;justify-content:center;margin:20px 0 0}.title-text{font-size:1.5em;font-weight:600;margin-top:20px;margin-bottom:5px}.body-text{font-size:1em;margin:10px 0 0}.next-button{padding:5px 7px;width:110px;height:45px;border:none;border-radius:8px;margin:15px 0 10px;background-color:#55525228;color:#000;font-size:17px;font-weight:700;cursor:pointer;transition:background-color .3s}.next-button:hover{background-color:#5552527a}.custom-alert-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center}.custom-alert{margin-top:200px;background-color:#fff;padding:20px;height:100px;width:300px;border-radius:5px;box-shadow:0 2px 10px #0000001a;text-align:center}.custom-alert p{font-size:1.2em}table{width:280px;font-size:14px;font-weight:600;text-align:left;border-radius:7px;table-layout:fixed}.table-empty{display:flex;justify-content:center;align-items:center;height:330px;width:280px;border:2px solid #ddd}th,td{padding:5px;border:1px solid #ddd;overflow:hidden;text-overflow:ellipsis}th{background-color:#f4f4f4}tr:nth-child(2n){background-color:#f9f9f9}tr:nth-child(odd){background-color:#f9f9f99e}col:nth-child(1){width:60px}col:nth-child(2){width:120px}col:nth-child(3){width:100px}.toggle-button{margin:10px 0 0;background-color:#f4f4f4;border:1px solid #ddd;border-radius:7px}.insert-field{margin:10px 0}.task-text-subtitle{font-size:14px;margin:5px 0 3px;text-align:center;font-weight:600}.task-text-details{font-size:14px;margin:0;text-align:center}.task-text{font-size:16px;margin:10px 0 3px;text-align:center}.cluster-button{margin:10px 0;width:80%;height:30px;font-size:14px;font-weight:600;color:#6d6c6c;border:1px solid rgb(109,108,108);border-radius:5px;cursor:pointer;border-width:3px}.cluster-button.complete{border-color:#4a9e06;border-width:4px}.cluster-button.selecting{border-width:4px}@keyframes rotate{to{transform:rotate(1turn)}}.info-button{background:none;border:none;cursor:pointer;padding:0 5px;font-size:1em;vertical-align:middle}.hover-table{position:absolute;background:#fff;border:1px solid #ccc;border-radius:4px;padding:10px;box-shadow:0 2px 10px #0000001a;z-index:1000;margin:-120px 0 0;width:200px}.projection-container{display:flex;gap:20px;width:100%;align-items:flex-start}.control-container{display:flex;flex-direction:column;gap:10px;margin-top:20px;background-color:#fff;border-color:#a9a9a9;border-width:1px;border-style:solid;width:90px;border-radius:15px}.zoom-button-container{margin:10px;display:grid;grid-template-columns:repeat(3,20px);gap:0px}.pan-button-container{margin:10px;display:grid;grid-template-columns:repeat(3,20px);gap:0px;border:"1px solid darkgray"}.dot{fill:#3c6e71;stroke:#314f50;stroke-width:.5px;cursor:pointer;r:3px}.dot-visited-before{fill:#40a7ac;stroke:#314f50;stroke-width:.5px;cursor:pointer;r:3px}.dot-selected-similar{fill:#ff8801;stroke-width:0px;r:5px}.dot-selected{fill:#5f0f40;stroke-width:0px;cursor:pointer;r:5px}.dot-selected-0{fill:#ec5a5d;stroke:#314f50;stroke-width:.5px;r:5px}.dot-selected-1{fill:#abdda4;stroke:#314f50;stroke-width:.5px;r:5px}.dot-selected-2{fill:#2b83ba;stroke:#314f50;stroke-width:.5px;r:5px}.dot-selected-3{fill:#fdae61;stroke:#314f50;stroke-width:.5px;r:5px}.dot-selected-4{fill:#f0f005;stroke:#314f50;stroke-width:.5px;r:5px}.dot-cluster-1{fill:#00ddd5;r:5px}.dot-cluster-2{fill:#e56969;r:5px}.dot_task3_targetPoint{fill:#fd0000;r:6px;cursor:pointer;stroke:#314f50;stroke-width:.5px}.added-point{fill:#ff6b6b;r:6px;stroke:#314f50;stroke-width:.5px}.axis-line{stroke:#858383}.arrow{fill:#858383}.lasso path{stroke:#999898;stroke-width:2px}.lasso .drawn{fill-opacity:.05}.lasso .loop_close{fill:none;stroke-dasharray:4,4}.lasso .origin{fill:#ab2424;fill-opacity:1}.not_possible{fill:#c8c8c8}.possible{fill:#ec888c}.control-button{width:30px;height:30px;padding:0;border:1px solid #ccc;background:#fff;cursor:pointer;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:4px}.control-button:hover{background:#f0f0f0}.control-button:active{background:#e0e0e0}table{width:100%;border-collapse:collapse}th,td{border:1px solid #ddd;padding:8px}th{background-color:#f2f2f2;text-align:left}button{margin-top:10px;padding:5px 10px;cursor:pointer}.target-cross{stroke:#f70303;stroke-width:3px;pointer-events:none}:root{font-family:Helvetica Neue,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#ffffffde;color-scheme:light!important;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){:root{color-scheme:light!important}}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-height:100vh;min-width:100vw;width:100%;display:flex;place-items:center;background-color:#fedcdc66}h1{font-size:3.2em;line-height:1.1}#root{width:100%;min-height:100vh;margin:0}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}}