@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{display:flex;align-items:center;width:100%;padding:10px;box-sizing:border-box}.top-bar a:first-child{margin-left:auto}.top-bar a{display:flex;align-items:center;margin-left:20px;text-decoration:none;flex-shrink:0}.top-bar .logo{display:flex;align-items:center;flex-shrink:0}.top-bar-link{color:#333;font-weight:700}.top-bar-link:hover{color:#0073e6}.top-bar img.logo{height:24px;width:auto;flex-shrink:0}body{font-family:Inter,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:350;display:flex;flex-direction:column;align-items:center;text-align:center}#main-content{width:96vw;max-width:900px;margin:0 auto}h1{text-align:center;margin:0 auto;color:var(--fourth-color)}p,h2,h3,h4{text-align:left;margin:0 auto;max-width:800px;padding:20px 20px 0}ul{max-width:800px;margin:0 auto;text-align:left}.view-selector{display:flex;justify-content:center;margin-top:20px;width:100%}.view-option{display:flex;flex-direction:column;align-items:center;padding:5px;margin:0 10px;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:border-color .3s ease;width:80px;height:80px;box-sizing:border-box}.view-option.highlighted{border-color:var(--third-color)}.view-icon{height:30px;width:auto;margin-bottom:0;padding:10px}.view-option p{margin:0;padding:0;font-size:12px;color:#333;font-weight:700;text-align:center}#viewContent p{max-width:100%;font-size:1rem;padding:10px 20px 0}#viewContent h2,#viewContent h3,#viewContent h4{max-width:100%}#editContent,#analyseContent{border:2px solid var(--third-color);padding:10px;margin-top:20px;border-radius:8px;background-color:#fff;width:auto}.plot-object-container{margin:20px;border:1px solid black}#editPlot{border:0px}.plot-object-container .button-container{display:flex;justify-content:space-between;overflow-x:auto;flex-wrap:nowrap;gap:10px;width:100%}.icon-btn{background-color:var(--third-color);border:none;border-radius:4px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;position:relative;box-sizing:border-box;overflow:hidden;padding:0}.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{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:10px 20px;background-color:#444;color:#fff;border-radius:5px;z-index:1000;opacity:.9;font-size:16px;text-align:center}.flash-message.success{background-color:#4caf50}.flash-message.error{background-color:#f44336}.upload-container{border:2px solid var(--first-color);padding:10px;border-radius:5px;background-color:#f8f9fa;max-width:350px;margin:20px auto;position:relative}.upload-container label{display:block;font-weight:700}.upload-container form{display:flex;align-items:center;flex-wrap:nowrap;overflow:hidden;margin:10px;gap:10px}.upload-container input[type=file]{border:2px solid var(--first-color);border-radius:5px;background-color:#fff;font-size:16px;cursor:pointer;min-width:0;flex:1 1 auto;overflow:hidden}.upload-container button{padding:5px 10px;border:.8px solid black;font-size:16px;border-radius:5px;cursor:pointer;flex-shrink:0}.upload-container button:hover{background-color:darken(var(--second-color),10%)}footer{margin:20px;padding:10px;text-align:center}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border:2px solid var(--fourth-color);border-radius:5px;padding:20px;z-index:1000;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{padding:10px 20px;font-size:16px;border:none;border-radius:6px;background-color:var(--third-color);color:#fff;font-weight:700;cursor:pointer;transition:background-color .3s ease,transform .1s ease}.btn:hover{background-color:var(--fourth-color)}.btn:active{transform:scale(.98)}select#strokeFilter{padding:10px;margin:20px 20px 0;font-size:16px}.metadata-container{padding:20px 20px 0;border-radius:8px;margin-left:auto;margin-right:auto;text-align:center}.metadata-flex{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.metadata-box{background-color:#fff;padding:10px;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;align-items:center;border:1px solid var(--third-color)}.metadata-box strong{display:block;font-size:14px;color:#333;margin-bottom:8px}.metadata-box span{color:#333;font-size:14px}.summary-container{padding:20px 20px 0;border-radius:8px;margin-left:auto;margin-right:auto;overflow-x:auto;max-width:90vw}table{width:80%;margin:0 auto;border-collapse:collapse;text-align:center;border:2px solid var(--third-color);box-shadow:0 4px 6px #0000001a}thead th{padding:10px;font-weight:700;font-size:16px;border-bottom:1px solid var(--second-color)}tbody td{padding:8px;font-size:14px}tbody tr{transition:background-color .3s ease}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(max-width:600px){table{width:100%}thead th,tbody td{font-size:12px}}.interval{border:1px solid black}@media(max-width:600px){.logo{height:25px}table{width:100%}#analyseContent{padding:0}}