@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg-color:#323437;--main-color:#e2b714;--text-color:#d1d0c5;--error-color:#ca4754;--sub-color:#646669;--sub-alt-color:#2c2e31;--font:"JetBrains Mono", ui-monospace, monospace;--radius:8px;--maxw:850px}*{box-sizing:border-box}html,body{background:var(--bg-color);color:var(--text-color);font-family:var(--font);margin:0}button{font-family:var(--font);cursor:pointer}body{justify-content:center;display:flex}#root{width:100%;max-width:var(--maxw);padding:2rem 1.5rem}.app{flex-direction:column;gap:1.25rem;display:flex}.topbar{justify-content:space-between;align-items:baseline;display:flex}.topbar h1{color:var(--main-color);margin:0;font-size:1.4rem}.langs button{background:var(--sub-alt-color);color:var(--sub-color);border-radius:var(--radius);border:none;margin-left:.4rem;padding:.4rem .8rem}.langs button.on{color:var(--bg-color);background:var(--main-color)}.inputs{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.8rem;display:grid}.inputs label{flex-direction:column;gap:.3rem;display:flex}.inputs span{color:var(--sub-color);font-size:.8rem}.inputs input,.inputs select{background:var(--sub-alt-color);color:var(--text-color);border-radius:var(--radius);font-family:var(--font);border:none;padding:.5rem}.weeks{gap:.4rem;display:flex}.weeks button{background:var(--sub-alt-color);color:var(--sub-color);border-radius:var(--radius);border:none;flex:1;padding:.5rem}.weeks button.on{color:var(--bg-color);background:var(--main-color)}.weekname{color:var(--main-color);margin:0;font-size:1.1rem}.workout h3{color:var(--text-color);margin:0 0 .4rem}.workout table{border-collapse:collapse;width:100%;margin-bottom:.5rem}.workout th{text-align:left;color:var(--sub-color);padding:.3rem .4rem;font-size:.8rem;font-weight:500}.workout td{border-top:1px solid var(--sub-alt-color);padding:.4rem;font-size:.9rem}.row-top td{color:var(--main-color)}.row-warmup td{color:var(--sub-color)}.plates{flex-wrap:wrap;gap:2px;display:inline-flex}.plate{color:var(--bg-color);border-radius:3px;padding:1px 4px;font-size:.65rem;font-weight:700}.plates-empty{color:var(--sub-color)}
