.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}.welcome-text{font-size:2em;font-weight:600;margin-bottom:20px}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}.task5-table-container{margin:15px 0;display:flex;width:100%}.table-compact{width:240px!important;font-size:12px!important}.table-compact td{padding:3px 4px!important}.table-compact col:nth-child(1){width:50px!important}.table-compact col:nth-child(2){width:100px!important}.table-compact col:nth-child(3){width:90px!important}.provenance-container{width:"100%";min-height:"100vh";display:"flex";justify-content:"center";align-items:"center"}.provenance-marker{position:fixed;top:0;left:0;right:0;bottom:0;background:"red";width:10;height:10;border-radius:5}.answer-field{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%}.insert-field{margin:10px 0}.task-text-subtitle{font-size:1.2em;font-weight:400;margin:5px 0 3px;text-align:left}.task-text-details{font-size:1.2em;font-weight:400;margin:0;text-align:left}.task-text{font-size:1.2em;font-weight:400;margin:10px 0 3px;text-align:left}.task-text .emphasis{font-weight:600}.cluster-button{margin:10px 0;width:35%;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-wrapper{position:relative;display:inline-block}.projection-svg{border:2px solid gray;background-color:#fff;display:block;border-radius:7px}.controls-wrapper{position:absolute;right:10px;top:20px;z-index:5;pointer-events:none;display:flex;flex-direction:column;gap:10px;background-color:transparent;border-color:transparent;border-width:1px;border-style:solid;width:90px;border-radius:15px}.hover-overlay-container{position:absolute;width:300px;pointer-events:none;z-index:1000}.hover-overlay-content{background-color:#fff;border:1px solid #ccc;border-radius:7px;padding:8px;box-shadow:0 2px 8px #00000026;font-size:12px;overflow:auto}.zoom-button-container{margin:10px;display:grid;grid-template-columns:repeat(3,20px);gap:0px;pointer-events:none}.zoom-button-container>*{pointer-events:auto}.pan-button-container{margin:10px;display:grid;grid-template-columns:repeat(3,20px);gap:0px;pointer-events:none;border:"1px solid darkgray"}.pan-button-container>*{pointer-events:auto}.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{fill:#bd9090;stroke:#bd9090}#customArrow path{fill:#bd9090}.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}.progress-text-container{display:flex;align-items:start;justify-content:left;width:20%;height:60%;padding:0}.progress-text{font-size:1.2em;font-weight:400;margin-top:20px;margin-bottom:0}.progress-bar-container{display:flex;align-items:start;justify-content:left;width:80%;height:40%;padding:0;margin-top:25px}.reward-text-container{display:flex;align-items:start;justify-content:right;width:100%;height:60%;padding:0;margin-right:10px}.reward-text{align-items:start;font-size:2.5em;font-weight:800;margin-left:20px;margin-top:0;margin-bottom:0;color:#686868}.progress-bar-line{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:800px;position:relative}.progress-bar-line:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background-color:#d3d3d3;transform:translateY(-50%);z-index:0}.progress-dot{width:12px;height:12px;border-radius:50%;background-color:#d3d3d3;position:relative;z-index:1;transition:all .3s ease;cursor:default}.progress-dot-current{width:18px;height:18px;background-color:#686868;box-shadow:0 0 10px #bd9090}.root-container{display:flex;flex-wrap:wrap;max-width:1380px;max-height:900px;margin:0 auto;justify-content:center;align-content:center}.top-container{display:flex;flex-wrap:wrap;width:100%;height:100px;margin-top:20px}.bottom-container{display:flex;flex-wrap:wrap;width:100%;height:50px;margin-bottom:0;justify-content:center}.progress-container{width:75%;height:100%;display:flex;flex-wrap:wrap;align-items:start;justify-content:center}.reward-container{width:25%;height:100%;display:flex;flex-wrap:wrap;align-items:start;justify-content:center}.body-container{display:flex;flex-wrap:nowrap;width:100%;height:100%;align-items:start}.left-container{width:40%;display:flex;padding-right:50px;flex-direction:column;justify-content:start;align-self:stretch;align-items:flex-start}.right-container{min-width:450px;width:59%;align-items:end;justify-content:right;align-self:stretch}.text-container{height:40%}.projection-container{display:flex;width:100%;height:100%;align-items:end;justify-content:right}.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-direction:column;width:100%;margin:20px 0 0}.task-buttons-container{display:flex;align-items:end;justify-content:left;flex:1;width:100%;min-height:100px}.title-text{font-size:2em;font-weight:600;margin-top:20px;margin-bottom:5px}.body-text{font-size:1.2em;margin:10px 0 0}.next-button{padding:5px 7px;width:100%;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}.intro-container{display:flex;flex-direction:column;max-width:850px;margin:0 auto;padding:40px 20px;align-items:center;max-height:600px}.intro-content{width:100%;display:flex;flex-direction:column;gap:30px}.intro-container .title-text{text-align:center;margin-bottom:10px}.intro-section-title{font-size:2em;margin-top:0;margin-bottom:0}.intro-section .body-text{line-height:1.6}.intro-list{font-size:1.2em;font-weight:400;margin:10px 0;padding-left:30px;line-height:1.8}.intro-list li{margin-bottom:0}.intro-form-container{display:flex;flex-direction:column;gap:20px;width:100%;margin-top:20px}.intro-input-container,.intro-comment-container{display:flex;flex-direction:column;gap:8px;width:100%}.intro-comment-label{font-size:1.1em;font-weight:500;color:#213547}.intro-consent-container{display:flex;flex-direction:column;gap:15px;width:100%;margin-top:10px}.intro-consent-checkbox{display:flex;align-items:flex-start;width:100%}.intro-consent-label{font-size:1.1em;color:#213547;line-height:1.6}.intro-ethics-link{color:#1976d2;text-decoration:underline;font-weight:500}.intro-ethics-link:hover{color:#1565c0;text-decoration:underline}.intro-button-container{display:flex;justify-content:center;width:100%;margin-top:10px}.intro-start-button{padding:12px 40px;font-size:1.2em;font-weight:600;min-width:200px}.intro-section{border-radius:8px}.intro-section .intro-section-title{margin-top:0;color:#213547}.intro-section .body-text,.intro-section .intro-list{color:#495057}.task-start-container{display:flex;flex-direction:column;align-items:center;max-width:750px;width:100%;margin-top:50px;padding:40px 20px}.task-start-content{max-width:750px;width:100%}.task-start-title{font-size:2em;font-weight:600;margin-top:20px;margin-bottom:5px}.no-bold{font-weight:300}.task-start-description{font-size:1.2em}.task-start-comment-container{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:20px}.task-start-comment-label{font-size:1.1em;font-weight:500;color:#213547}.task-start-button-container{display:flex;justify-content:center;width:100%;margin-top:20px}.task-start-button{padding:14px 50px;font-size:1.3em;font-weight:600;min-width:220px}:root{font-family:Helvetica Neue,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light!important;color:#213547;background-color:#fff;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;color:#213547!important;background-color:#fff!important}html{color-scheme:light!important}body{color-scheme:light!important;background-color:#fff!important}}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-height:100vh;width:100%;display:flex;place-items:center}h1{font-size:3.2em;line-height:1.1}#root{width:100%;min-height:100vh;margin:0;display:flex;justify-content:center}