details{background-color:var(--gray-50);outline:var(--bw-medium) solid var(--secondary);border-radius:var(--br-xl);margin-bottom:var(--space-2xl);overflow:hidden;box-shadow:var(--shadow-md);width:var(--container-outside);margin-left:auto;margin-right:auto}details summary{display:flex;justify-content:space-between;align-items:center;margin:0;padding:var(--space-lg) var(--space-xl);cursor:pointer;user-select:none;list-style:none;transition-duration:var(--transition-base);font-size:var(--fs-xl);font-weight:var(--fw-semibold);color:var(--gray-900)}details summary:hover{background-color:var(--gray-200)}details summary::-webkit-details-marker{display:none}details summary svg{width:var(--fs-lg);height:auto;fill:var(--secondary);transition:transform var(--transition-base);flex-shrink:0;margin-left:var(--space-md)}details[open] summary svg{transform:rotate(180deg)}details div{padding:var(--space-xl);background-color:var(--gray-50);animation:slideDown var(--transition-base) ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}details div p{font-size:var(--fs-md);line-height:var(--lh-relaxed);color:var(--gray-800);margin-bottom:var(--space-lg)}details div h3{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--gray-900);margin-bottom:var(--space-md);margin-top:var(--space-lg)}details div ol{margin:0;padding-left:var(--space-2xl);list-style-type:decimal}details div li{font-size:var(--fs-base);line-height:var(--lh-relaxed);color:var(--gray-800);margin-bottom:var(--space-md)}details div ol li::marker,details div li strong{color:var(--secondary);font-weight:var(--fw-semibold)}main>section{margin-bottom:var(--space-4xl)}section:last-child{padding:0;margin-bottom:var(--space-5xl)}fieldset{border-style:none;margin-bottom:var(--space-lg)}fieldset legend{font-size:var(--fs-lg);font-weight:var(--fw-normal);padding:var(--space-md) 0}.gender-options{position:relative;display:flex;align-items:center;border-radius:var(--br-xl);background-color:var(--white);color:var(--black);width:var(--container-inside);overflow:hidden;z-index:1}.gender-options:before{content:"";position:absolute;inset:0;padding:var(--bw-thick);background:linear-gradient(to right,var(--primary),var(--quaternary));border-radius:inherit;-webkit-mask:linear-gradient(var(--white) 0 0) content-box,linear-gradient(var(--white) 0 0);mask:linear-gradient(var(--white) 0 0) content-box,linear-gradient(var(--white) 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}.gender-options label{display:flex;justify-content:center;align-items:center;width:100%;padding:var(--space-lg) 0;cursor:pointer;font-size:var(--fs-lg);z-index:1}.gender-options input{display:none}.gender-options .indicator-gender{display:none;position:absolute;height:100%;width:calc(var(--container-inside) / 3);left:0;top:0;transition-duration:var(--transition-fast)}.gender-options label:has(input:checked){color:var(--white)}.gender-options label:has(input:checked)~.indicator-gender{display:inline-block}.gender-options label:nth-of-type(1):has(input:checked)~.indicator-gender{background-color:var(--primary);transform:translate(0)}.gender-options label:nth-of-type(2):has(input:checked)~.indicator-gender{background:linear-gradient(to right,var(--primary),var(--quaternary));transform:translate(100%)}.gender-options label:nth-of-type(3):has(input:checked)~.indicator-gender{background-color:var(--quaternary);transform:translate(200%)}.category-options{position:relative;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);border-radius:var(--br-xl);background-color:var(--white);color:var(--black);width:100%;overflow:hidden;z-index:2}#border-category-options{position:absolute;border-radius:var(--br-xl);z-index:-2;pointer-events:none}.category-options:before{content:"";position:absolute;inset:var(--bw-thick);background-color:var(--white);border-radius:calc(var(--br-xl) - var(--bw-thick));z-index:-1;pointer-events:none}.category-options input{display:none}.category-options label{display:flex;justify-content:center;align-items:center;padding:var(--space-lg) 0;cursor:pointer;font-size:var(--fs-md);font-weight:var(--fw-medium);z-index:2}.category-options label.disabled{color:var(--gray-700);background-color:var(--gray-300);cursor:not-allowed;opacity:.6;transition-duration:var(--transition-fast)}.category-options .indicator-category{display:none;position:absolute;height:50%;width:20%;left:0;top:0;transition-duration:var(--transition-fast)}.category-options label:nth-of-type(1):has(input:checked)~.indicator-category{background-color:var(--sprint);transform:translate(0) translateY(0)}.category-options label:nth-of-type(2):has(input:checked)~.indicator-category{background-color:var(--middle);transform:translate(100%) translateY(0)}.category-options label:nth-of-type(3):has(input:checked)~.indicator-category{background-color:var(--long);transform:translate(200%) translateY(0)}.category-options label:nth-of-type(4):has(input:checked)~.indicator-category{background-color:var(--hurdles);transform:translate(300%) translateY(0)}.category-options label:nth-of-type(5):has(input:checked)~.indicator-category{background-color:var(--road);transform:translate(400%) translateY(0)}.category-options label:nth-of-type(6):has(input:checked)~.indicator-category{background-color:var(--walk-road);transform:translate(0) translateY(100%)}.category-options label:nth-of-type(7):has(input:checked)~.indicator-category{background-color:var(--walk-track);transform:translate(100%) translateY(100%)}.category-options label:nth-of-type(8):has(input:checked)~.indicator-category{background-color:var(--field);transform:translate(200%) translateY(100%)}.category-options label:nth-of-type(9):has(input:checked)~.indicator-category{background-color:var(--combined);transform:translate(300%) translateY(100%)}.category-options label:nth-of-type(10):has(input:checked)~.indicator-category{background-color:var(--relays);transform:translate(400%) translateY(100%)}.category-options label:has(input:checked){font-weight:var(--fw-medium)}.category-options label:has(input:checked)~.indicator-category{display:inline-block}.event-options{font-size:var(--fs-md);width:100%;background-color:var(--tertiary);border:none;border-radius:var(--br-xs);padding:var(--space-sm);transition-duration:var(--transition-slow)}option.empty{background-color:var(--tertiary)}.event-options.sprint,option.sprint{background-color:var(--sprint)}.event-options.middle,option.middle{background-color:var(--middle)}.event-options.long,option.long{background-color:var(--long)}.event-options.hurdles,option.hurdles{background-color:var(--hurdles)}.event-options.road,option.road{background-color:var(--road)}.event-options.field,option.field{background-color:var(--field)}.event-options.combined,option.combined{background-color:var(--combined)}.event-options.walk-road,option.walk-road{background-color:var(--walk-road)}.event-options.walk-track,option.walk-track{background-color:var(--walk-track)}.event-options.relays,option.relays{background-color:var(--relays)}.input-tabs{font-size:var(--fs-xl);border-bottom:var(--bw-medium) solid var(--gray-300);margin-bottom:var(--space-xs)}.input-tab{cursor:pointer;padding:var(--space-sm);display:inline-block;font-size:var(--fs-xl);font-family:var(--font-primary);color:var(--gray-800);background:none;border:none;border-bottom:var(--bw-medium) solid transparent;transition:color .2s}.input-tab:hover{color:var(--secondary)}.input-tab.active{color:var(--secondary);border-bottom-color:var(--secondary)}.input-section label{font-size:var(--fs-lg);display:block;color:var(--secondary);font-weight:var(--fw-bold);margin-top:var(--space-sm);margin-bottom:var(--space-xs)}.input-section input[type=text],.input-section input[type=number]{font-size:var(--fs-lg);width:100%;margin-top:var(--space-sm);padding:var(--space-sm);border-radius:var(--br-xs);border:var(--bw-medium) solid var(--gray-300);font-family:var(--font-primary);outline:none;transition:all .5s cubic-bezier(.19,1,.22,1)}.input-section input[type=text]:hover,.input-section input[type=number]:hover{border-color:var(--gray-500)}.input-section input[type=text]:focus,.input-section input[type=number]:focus{border-color:var(--secondary);background-color:#43bcd70d}.input-section input[type=text]:active,.input-section input[type=number]:active{transform:scale(.98)}#mark-value:invalid,#score-value:invalid{border-color:var(--error);background-color:#ff00000d}input[type=number]{-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#score-input{display:none}.help-text{display:block;margin-top:var(--space-md);font-size:var(--fs-sm);color:var(--gray-800)}.error-message{font-size:var(--fs-lg);margin-bottom:var(--space-lg);display:flex;align-items:center;padding:var(--space-sm);color:var(--gray-50);border-radius:var(--br-xs);background:color-mix(in srgb,var(--error) 90%,transparent)}.btn-calculate{font-size:var(--fs-xl);width:100%;padding:var(--space-sm);background:var(--secondary);color:var(--white);border:none;border-radius:var(--br-xs);font-family:var(--font-primary);cursor:pointer;transition-duration:var(--transition-slow);&:hover{background:var(--secondary-hover)}}.results-title{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg)}.results-title h3{font-size:var(--fs-xl);font-weight:var(--fw-light)}.results-title button{font-size:var(--fs-md);padding:var(--space-md) var(--space-lg);background:var(--error);color:var(--white);border:none;border-radius:var(--br-md);cursor:pointer;transition-duration:var(--transition-base);&:hover{background:var(--error-hover)}}table{border-top:var(--bw-thick) solid var(--gray-300);width:100%;table-layout:fixed;border-radius:var(--br-xl);background-color:var(--white);border-collapse:collapse}th{background-color:var(--quinary);text-align:center;margin:0;font-size:var(--fs-lg);font-weight:var(--fw-normal);padding:var(--space-md) 0;cursor:pointer}table thead tr.pace-mode th{background:var(--primary-pink);cursor:pointer}th:first-child{border-bottom-left-radius:var(--br-lg)}th:last-child{border-bottom-right-radius:var(--br-lg)}table:has(tbody tr) th:first-child{border-radius:0}table:has(tbody tr) th:last-child{border-radius:0}td{border-top:var(--bw-medium) solid var(--gray-300);text-align:center;padding:var(--space-md) 0;font-size:var(--fs-lg);font-weight:400;cursor:pointer;transition-duration:var(--transition-fast)}td.pace-cell{color:var(--secondary-pink)}tr:last-child td:first-child{border-bottom-left-radius:var(--br-xl)}tr:last-child td:last-child{border-bottom-right-radius:var(--br-xl)}tr:hover td{background:color-mix(in srgb,var(--quinary) 30%,transparent)}tbody.pace-mode tr:hover td{background:color-mix(in srgb,var(--primary-pink) 30%,transparent)}tr:last-child:hover td:first-child{border-bottom-left-radius:var(--br-xl)}tr:last-child:hover td:last-child{border-bottom-right-radius:var(--br-xl)}#rowDeleteBubble{position:absolute;background:var(--error);color:var(--white);padding:var(--space-sm);border-radius:var(--br-md);border:none;display:none;cursor:pointer;overflow:visible;transition-duration:var(--transition-slow)}#rowDeleteBubble:after{content:"";position:absolute;top:50%;right:100%;margin-top:-8px;border-width:8px;border-style:solid;border-color:transparent var(--error) transparent transparent;transition-duration:var(--transition-slow)}#rowDeleteBubble:hover{background:var(--error)}#rowDeleteBubble:hover:after{border-color:transparent var(--error) transparent transparent}#rowDeleteBubble svg{fill:var(--white);width:var(--fs-xl);height:auto}#deleteTableDialog{position:fixed;inset:0;margin:auto;padding:var(--space-3xl);border:none;border-radius:var(--br-lg);background:var(--white);max-width:var(--container-outside-sm);text-align:center;box-shadow:var(--shadow-lg);font-family:var(--font-primary)}#deleteTableDialog::backdrop{background:var(--shadow-lg);backdrop-filter:blur(2px)}#deleteTableDialog h3{font-size:var(--fs-xl);margin-bottom:var(--space-md);font-weight:var(--fw-semibold)}#deleteTableDialog p{font-size:var(--fs-base);color:var(--gray-800);line-height:var(--lh-normal)}.dialog-buttons{margin-top:var(--space-xl);display:flex;justify-content:space-between;gap:var(--space-md)}#cancel-delete-table{flex:1;padding:var(--space-md);border:none;border-radius:var(--br-sm);background:var(--gray-300);color:var(--gray-900);font-size:var(--fs-base);cursor:pointer;transition-duration:var(--transition-base)}#cancel-delete-table:hover{background:var(--gray-400)}#confirm-delete-table{flex:1;padding:var(--space-md);border:none;border-radius:var(--br-sm);background:var(--error);color:var(--white);font-size:var(--fs-base);cursor:pointer;transition-duration:var(--transition-base)}#confirm-delete-table:hover{background:var(--error)}@media(max-width:650px){.category-options{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(5,auto)}.category-options .indicator-category{height:20%;width:50%}.category-options label:nth-of-type(1):has(input:checked)~.indicator-category{transform:translate(0)}.category-options label:nth-of-type(2):has(input:checked)~.indicator-category{transform:translate(100%)}.category-options label:nth-of-type(3):has(input:checked)~.indicator-category{transform:translateY(100%)}.category-options label:nth-of-type(4):has(input:checked)~.indicator-category{transform:translate(100%,100%)}.category-options label:nth-of-type(5):has(input:checked)~.indicator-category{transform:translateY(200%)}.category-options label:nth-of-type(6):has(input:checked)~.indicator-category{transform:translate(100%,200%)}.category-options label:nth-of-type(7):has(input:checked)~.indicator-category{transform:translateY(300%)}.category-options label:nth-of-type(8):has(input:checked)~.indicator-category{transform:translate(100%,300%)}.category-options label:nth-of-type(9):has(input:checked)~.indicator-category{transform:translateY(400%)}.category-options label:nth-of-type(10):has(input:checked)~.indicator-category{transform:translate(100%,400%)}}