@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-stretch:100%;src:url(/fonts/inter/Inter-VariableFont_opsz,wght.ttf)format("truetype")}:root,::backdrop{--first-color:#dcb5ff;--second-color:#d9f2ff;--third-color:#a5bdfd;--fourth-color:#77529e;--fith-color:#fde725}.top-bar{box-sizing:border-box;align-items:center;width:100%;padding:10px;display:flex}.top-bar a:first-child{margin-left:auto}.top-bar a{flex-shrink:0;align-items:center;margin-left:20px;text-decoration:none;display:flex}.top-bar .logo{flex-shrink:0;align-items:center;display:flex}.top-bar-link{color:#333;font-weight:700}.top-bar-link:hover{color:#0073e6}.top-bar img.logo{flex-shrink:0;width:auto;height:24px}body{text-align:center;flex-direction:column;align-items:center;font-family:Inter,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:350;display:flex}#main-content{width:96vw;max-width:900px;margin:0 auto}h1{text-align:center;color:var(--fourth-color);margin:0 auto}p,h2,h3,h4{text-align:left;max-width:800px;margin:0 auto;padding:20px 20px 0}ul{text-align:left;max-width:800px;margin:0 auto}.view-selector{justify-content:center;width:100%;margin-top:20px;display:flex}.view-option{cursor:pointer;box-sizing:border-box;border:2px solid #0000;border-radius:8px;flex-direction:column;align-items:center;width:80px;height:80px;margin:0 10px;padding:5px;transition:border-color .3s;display:flex}.view-option.highlighted{border-color:var(--third-color)}.view-icon{width:auto;height:30px;margin-bottom:0;padding:10px}.view-option p{color:#333;text-align:center;margin:0;padding:0;font-size:12px;font-weight:700}#viewContent p{max-width:100%;padding:10px 20px 0;font-size:1rem}#viewContent h2,#viewContent h3,#viewContent h4{max-width:100%}#editContent,#analyseContent{border:2px solid var(--third-color);background-color:#fff;border-radius:8px;width:auto;margin-top:20px;padding:10px}.plot-object-container{border:1px solid #000;margin:20px}#editPlot{border:0}.plot-object-container .button-container{flex-wrap:nowrap;justify-content:space-between;gap:10px;width:100%;display:flex;overflow-x:auto}.icon-btn{background-color:var(--third-color);cursor:pointer;box-sizing:border-box;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex;position:relative;overflow:hidden}.icon-btn svg{width:24px;height:24px;margin:auto}.plot-object-container .icon-btn:hover{background-color:var(--second-color)}.plot-object-container .icon-btn:hover svg{fill:var(--third-color)}.spacer{flex-grow:1}#exportBtn{margin-left:auto}.flash-message{color:#fff;z-index:1000;opacity:.9;text-align:center;background-color:#444;border-radius:5px;padding:10px 20px;font-size:16px;position:fixed;top:20px;left:50%;transform:translate(-50%)}.flash-message.success{background-color:#4caf50}.flash-message.error{background-color:#f44336}.upload-container{max-width:350px;margin:20px auto}.upload-dropzone{border:2px solid var(--first-color);cursor:pointer;background-color:#f8f9fa;border-radius:5px;justify-content:center;align-items:center;gap:12px;padding:22px 16px;font-weight:700;transition:background-color .15s,border-color .15s;display:flex}.upload-dropzone:hover,.upload-container.dragover .upload-dropzone{border-color:var(--fourth-color);background-color:var(--second-color)}.upload-container.dragover .upload-dropzone{border-style:dashed}.upload-container:has(input:focus-visible) .upload-dropzone{outline:2px solid var(--fourth-color);outline-offset:2px}.upload-icon{width:22px;height:22px;color:var(--fourth-color);flex-shrink:0}#uploadText{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}footer{text-align:center;margin:20px;padding:10px}.modal{border:2px solid var(--fourth-color);z-index:1000;background-color:#fff;border-radius:5px;padding:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 8px #0003}.modal h4{margin-top:0;margin-bottom:20px}.modal-content{margin-bottom:20px}.modal-footer{text-align:center}.modal select{width:100%;padding:8px;font-size:16px}.modal input{padding:8px;font-size:16px}.btn{background-color:var(--third-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:16px;font-weight:700;transition:background-color .3s,transform .1s}.btn:hover{background-color:var(--fourth-color)}.btn:active{transform:scale(.98)}select#strokeFilter{margin:20px 20px 0;padding:10px;font-size:16px}.metadata-container{text-align:center;border-radius:8px;margin-left:auto;margin-right:auto;padding:20px 20px 0}.metadata-flex{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.metadata-box{border:1px solid var(--third-color);background-color:#fff;border-radius:8px;flex-direction:column;align-items:center;padding:10px;display:flex;box-shadow:0 4px 6px #0000001a}.metadata-box strong{color:#333;margin-bottom:8px;font-size:14px;display:block}.metadata-box span{color:#333;font-size:14px}.summary-container{border-radius:8px;max-width:90vw;margin-left:auto;margin-right:auto;padding:20px 20px 0;overflow-x:auto}table{border-collapse:collapse;text-align:center;border:2px solid var(--third-color);width:80%;margin:0 auto;box-shadow:0 4px 6px #0000001a}thead th{border-bottom:1px solid var(--second-color);padding:10px;font-size:16px;font-weight:700}tbody td{padding:8px;font-size:14px}tbody tr{transition:background-color .3s}tbody tr:hover{background-color:var(--second-color)}tr.freestyle{background-color:#aa96da}tr.backstroke{background-color:#fcbad3}tr.breaststroke{background-color:#a8d8ea}tr.butterfly{background-color:#ffffd2}tr.drill{background-color:var(--fith-color)}@media (width<=600px){table{width:100%}thead th,tbody td{font-size:12px}}.interval{border:1px solid #000}@media (width<=600px){.logo{height:25px}table{width:100%}#analyseContent{padding:0}}