@import "https://fonts.googleapis.com/css2?family=Eczar:wght@400..800&family=Grenze:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";body{flex-direction:column;gap:1rem;min-height:100vh;padding:1rem 0;display:flex}header,main,footer{width:100%;max-width:800px;margin:0 auto;padding:1rem}header{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.text-gradient{width:fit-content;font-size:50px;line-height:1.3;overflow:visible}header p{font-size:20px}main{flex-direction:column;flex:1;gap:.5rem;display:flex}h3,.training-plan-grid{padding-top:2rem}.training-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.plan-card{cursor:pointer;flex-shrink:0;width:100%;position:relative}.inactive{z-index:1;cursor:not-allowed;opacity:.8;position:relative;background-color:#008b8b!important}.plan-card-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.plan-card-header p:first-of-type,.plan-card-header i{color:var(--color-link);font-size:1.2rem;font-weight:600;line-height:1rem}.rule-item{gap:1rem;display:flex}.rule-item p:first-of-type{color:purple;min-width:60px;font-size:18px}.workout-container{flex-direction:column;grid-column:span 3/span 3;gap:1rem;display:flex}.workout-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem;display:grid;overflow-x:auto}.exercise-name{text-transform:capitalize;grid-column:span 3/span 3;align-items:center;gap:.5rem;display:flex}.exercise-name p{font-weight:400}.weight-input{grid-column:span 2/span 2}.workout-buttons{align-items:center;gap:1rem;display:flex}footer{text-align:center;justify-content:center;align-items:center;padding:4rem 0 2rem;display:flex}button.help-icon{pointer-events:none;opacity:0;color:var(--color-link);box-shadow:unset;transform:unset;width:fit-content;padding:0 .5rem}button.help-icon:hover{transform:unset;box-shadow:unset;opacity:.8;transition:all .4s}.exercise-name:hover button.help-icon{pointer-events:all;opacity:1}.exercise-info{margin:auto 0}.skill-name{text-transform:capitalize}.modal-container{z-index:100;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1rem;display:flex;position:fixed;top:0;left:0}.modal-underlay{background:var(--background-muted);opacity:.8;z-index:99;width:100%;box-shadow:unset;border:none;border-radius:0;position:absolute;inset:0}.modal-underlay:hover{transform:unset;box-shadow:unset}.modal-content{z-index:101;border-radius:var(--border-radius-large);border:1px solid var(--border-primary);background:var(--background-primary);flex-direction:column;gap:1rem;width:100%;max-width:600px;max-height:400px;margin:0 auto;padding:1rem;display:flex;position:relative}@media (min-width:640px){body{gap:2rem;padding:2rem 0}.rule-item p:first-of-type{min-width:70px}.training-plan-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.workout-container{grid-column:span 4/span 4}.plan-card-header p:first-of-type,.plan-card-header i{font-size:.875rem;line-height:1.25rem}}@media (min-width:768px){.training-plan-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.workout-container{grid-column:span 5/span 5}}:root{--background-primary:white;--background-secondary:"";--background-tertiary:#dbeafe;--background-accent:"";--background-compliment:"";--background-gradient:"";--background-muted:#f8fafc;--color-primary:#030615;--color-secondary:"";--color-tertiary:"";--color-accent:"";--color-compliment:"";--color-gradient:"";--color-muted: ;--color-link:#2563eb;--color-link-transparent:#2563eb1a;--color-success:"";--color-warning:"";--color-error:"";--color-info:"";--color-highlight:#fef9c3;--gradient-start:#9580ff;--gradient-end:#80ffea;--border-primary:#f1f5f9;--border-secondary:#bed1e7;--border-highlight:#64748b;--border-tertiary:"";--shadow-dark:"";--shadow-light:"";--shadow-text:"";--padding-small:1rem;--padding-large:2rem;--border-radius-small:.5rem;--border-radius-large:.75rem;--highlight-border-radius:.5rem;--text-selection:""}@media (prefers-color-scheme:dark){:root{--background-primary:#05070f;--background-secondary:#0e101e;--background-tertiary:#121424;--background-accent:"";--background-compliment:"";--background-gradient:"";--background-muted:#1a1e32;--color-primary:white;--color-secondary:"";--color-tertiary:"";--color-accent:"";--color-compliment:"";--color-gradient:"";--color-muted: ;--color-link:#60a5fa;--color-link-transparent:#2563eb1a;--color-success:"";--color-warning:"";--color-error:"";--color-info:"";--color-highlight:#fef9c3;--gradient-start:#9580ff;--gradient-end:#80ffea;--border-primary:#29325b;--border-secondary:#323c71;--border-highlight:#4649af;--border-tertiary:"";--shadow-dark:"";--shadow-light:"";--shadow-text:"";--padding-small:1rem;--padding-large:2rem;--border-radius-small:.5rem;--border-radius-large:.75rem;--highlight-border-radius:.5rem;--text-selection:""}}*{box-sizing:border-box;margin:0;padding:0;font-family:Eczar,serif}body{background:var(--background-primary);color:var(--color-primary);font-size:.875rem;line-height:1.6rem}.text-gradient{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:linear-gradient(135deg,var(--gradient-start)0,var(--gradient-end)100%);-webkit-box-decoration-break:clone;background-size:100%}h1,h2,h3,h4,h5,h6,button{width:fit-content;font-family:Grenze,serif}h1{font-size:1.875rem;line-height:2.25rem}h2{font-size:1.5rem;line-height:2rem}h3{font-size:1.25rem;line-height:1.75rem}h4{font-size:1.125rem;line-height:1.75rem}h5{font-size:1rem;line-height:1.5rem}h6{font-size:.875rem;line-height:1.25rem}p{width:fit-content;display:block}span{font-weight:inherit;font-size:inherit;line-height:inherit}address{font-style:normal}aside{float:right;width:40%;color:var(--color-primary);background-color:var(--background-muted);border-radius:var(--border-radius-large);margin:.5rem;padding:.75rem;font-style:italic}blockquote{margin:0;padding-left:1.5rem;position:relative}blockquote:after{content:"";border-left:7px solid var(--border-primary);border-radius:6px;height:100%;display:block;position:absolute;top:0;left:0}blockquote footer{padding-top:1rem}dd{padding-bottom:11px}dt{font-weight:700}figcaption{padding-top:10px;font-size:.8rem}ul,ol{padding-left:1rem;list-style-position:inside}li{line-height:1.6em}a{color:var(--color-link)}a:active,a:focus,a:hover{text-decoration:none}mark,samp,kbd,code,time{border-radius:var(--highlight-border-radius,4px);-webkit-box-decoration-break:clone;box-decoration-break:clone}mark{background-color:var(--color-highlight);padding:0 4px}samp{background-color:var(--background-muted);color:var(--color-primary);padding:.5rem 1rem;font-weight:700}kbd,time{background-color:var(--background-muted);color:var(--color-primary);padding:0 .5rem}code,pre{background:var(--background-muted);border:1px solid var(--border-primary);max-width:fit-content;padding:.2rem .5rem;font-size:.9em;overflow-x:auto}pre>code{border:0;padding:10px;display:block;overflow-x:auto}pre{border-radius:var(--border-radius-large)}sup,sub{line-height:normal}audio{width:100%}audio,img,video{border-radius:var(--border-radius-large);max-width:100%}img{height:auto}table{border:1px solid var(--border-primary);background:var(--background-muted);border-radius:var(--border-radius-small);width:fit-content}table tr:last-child td:first-child{border-bottom-left-radius:8px}table tr:last-child td:last-child{border-bottom-right-radius:8px}table tr:first-child th:first-child{border-top-left-radius:8px}table tr:first-child th:last-child{border-top-right-radius:8px}th{background-color:var(--background-muted)}td{background:var(--background-primary)}td,th{text-align:left;padding:8px}thead{border-collapse:collapse}tfoot{border-top:1px solid #000}table tr:hover td,tbody tr:nth-child(2n):hover td{background-color:var(--background-muted)}button,select,input[type=submit],input[type=button],input[type=checkbox],input[type=range],input[type=radio]{cursor:pointer}button{color:var(--color-primary);background-color:var(--background-primary);width:fit-content;font-family:inherit;font-size:inherit;border:1.5px solid var(--border-secondary);border-radius:var(--border-radius-small);box-shadow:2px 2px 0 0 var(--border-secondary);padding:.25rem 1.25rem;font-weight:500;transition-duration:.2s}button:hover{box-shadow:0 0 0 0 var(--border-secondary);transform:translate(2px,2px)}button[disabled]:hover{box-shadow:2px 2px 0 0 var(--border-secondary);transform:translate(0)}button:disabled,button[disabled]{border:1.5px solid var(--border-secondary);cursor:initial;opacity:.55}label{max-width:fit-content;font-weight:500;display:block}input,textarea,select{background-color:var(--background-muted);border:1px solid var(--border-secondary);color:var(--color-primary);border-radius:var(--border-radius-small);appearance:none;outline:none;width:100%;padding:.5rem .75rem;font-size:1em}input:disabled{cursor:not-allowed;opacity:.6}input[type=number].buttonless{appearance:textfield}input[type=number].buttonless::-webkit-inner-spin-button{appearance:none;display:none}input[type=number].buttonless::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=checkbox],input[type=radio]{vertical-align:middle;width:fit-content;margin:.5rem .25rem .5rem .5rem;padding:.5rem;position:relative}input[type=checkbox]{border-radius:7px;margin-left:0}input[type=radio]{border-radius:100%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--border-secondary)}input[type=range]{vertical-align:middle;padding:0}input[type=color]{appearance:none;padding:initial;max-width:initial;border:none;outline-style:none;width:3rem;height:2rem}select[multiple]{background:0 0;height:fit-content}fieldset:focus-within,input:focus-within,textarea:focus-within,select:focus-within,fieldset:hover,input:hover,textarea:hover,select:hover{border-color:var(--border-highlight)}progress{appearance:none;height:1rem;margin:.75rem 0}progress::-webkit-progress-bar{background:var(--background-main);border:1px solid var(--border-primary);border-radius:var(--highlight-border-radius)}progress::-webkit-progress-value{background-color:var(--color-link);border-radius:var(--border-radius-small)}progress::-moz-progress-bar{background-color:var(--color-link);border-radius:var(--border-radius-small)}fieldset{border:1px solid var(--border-primary);border-radius:var(--border-radius-small);max-width:fit-content;margin:0 0 6px;padding:1rem}details{border:1px solid var(--border-primary);border-radius:var(--border-radius-small);padding:.5rem .75rem}summary{font-weight:700}details[open] summary{border-bottom:1px solid var(--border-primary);margin-bottom:.5rem}.card,.button-card{background-color:var(--background-muted);color:var(--color-primary);border-radius:.5rem;padding:1rem}.card{border:1px solid var(--color-link-transparent)}.button-card{border:1px solid var(--border-secondary);box-shadow:none}.button-card:hover{box-shadow:none;border-color:var(--border-highlight);transform:translate(0)}.card-button-primary,.card-button-secondary{box-shadow:none!important;border:none!important}.card-button-primary{color:var(--background-primary);background:var(--color-link)}.card-button-secondary{color:var(--color-link);background:var(--color-link-transparent)}.card-button-primary:hover,.card-button-secondary:hover{opacity:.6;transform:none}@media (min-width:640px){body{font-size:1rem;line-height:1.5rem}h1{font-size:2.25rem;line-height:2.5rem}h2{font-size:1.875rem;line-height:2.25rem}h3{font-size:1.5rem;line-height:2rem}h4{font-size:1.25rem;line-height:1.75rem}h5{font-size:1.125rem;line-height:1.75rem}h6{font-size:1rem;line-height:1.5rem}button{width:fit-content}input{max-width:600px}}