@font-face{font-family:OCR;src:url(/OCR-a___.ttf)}.error{display:flex;justify-content:center}html,body{height:100%;margin:0;padding:0}.body{font-family:OCR,sans-serif;background-color:#121212;color:#fff;display:flex;flex-direction:column;min-width:375px;min-height:100vh}header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;white-space:nowrap;flex-wrap:nowrap}h1{margin-left:20px}.logo{display:flex;align-items:center}.logo-img{width:auto;height:40px}nav menu{list-style:none;display:flex;justify-content:flex-end}nav menu li{margin-left:20px}a{text-decoration:none;color:#fff}a:visited{color:inherit}nav a:hover{color:red}footer{margin:30px;display:flex;flex-direction:column;justify-content:center;align-items:center}footer{border-top:2px solid white;margin-top:20px;margin-right:0;margin-left:0;padding-top:20px;display:flex;gap:10px}footer>a{text-decoration:underline}@media (max-width: 600px){header{justify-content:center}nav menu{justify-content:center}.logo{display:none}}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%}.login-page main h1{margin-bottom:20px;margin-left:0}.login-page .login-form{background-color:#1e1e1e;padding:30px;border-radius:10px;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:15px}.login{display:flex;flex-direction:column;align-items:center;gap:3px}.login>input{width:100%;padding:10px;background-color:#2a2a2a;border:2px solid #444;border-radius:5px;font-family:OCR;color:#fff}.login-page button{padding:10px;font-family:OCR;background-color:#5c9eff;color:#fff;border:none;border-radius:5px;cursor:pointer;margin:10px}.login-page button:disabled{opacity:.6;cursor:not-allowed;background-color:#3a3a3a;color:#b0b0b0}@media (max-width: 600px){.login-page main h1{font-size:28px}}.playerName{color:#fff;font-size:1.5em;padding:.5em}.dashboard-page{padding-top:50px;display:flex;justify-content:space-evenly;align-items:flex-start;gap:20px}.dashboard-page table{width:100%;border-collapse:collapse;margin-top:10px;max-width:800px}.workout table{background-color:#2e3440}.workout th{background-color:#4c566a}.workout td{background-color:#3b4252}.dashboard-page caption{padding:10px;text-align:center}.dashboard-page th,.dashboard-page td{border:1px solid #333;padding:10px;text-align:center;width:50px}.dashboard-page th{background-color:#222}#workout-title{display:flex;align-items:center;gap:10px;margin:0;text-align:center;justify-content:center}.username{margin:10px 0 0;background-color:#2a2a2a;padding:10px 20px;border-radius:8px;font-size:18px;text-align:center}.user-info{display:flex;flex-direction:column;justify-content:center;text-align:center;gap:20px;align-items:center}.workout{display:flex;flex-direction:column;background-color:#2a2a2a;padding:30px;border-radius:10px}.workout-logs{display:flex;flex-direction:column;gap:20px}#max-lifts{width:100%}#max-lifts th,#max-lifts td{padding:15px;text-wrap:nowrap;width:100px;text-align:center}.dashboard-page button{padding:10px;font-family:OCR;background-color:#5c9eff;color:#fff;border:none;border-radius:5px;cursor:pointer}.social{margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:10px}.like{display:flex;align-items:center;gap:10px}.dashboard-page .comment-form{display:flex;align-items:center;margin-top:10px}.dashboard-page .comment-form input{padding:10px;border-radius:20px;font-family:OCR;color:#000}.dashboard-page button img{width:20px}.dashboard-page #comment-button{margin-left:5px}.comments{display:flex;flex-direction:column;margin-top:10px}.comments h3{margin-bottom:30px}.comments ul{list-style:none;margin:0;padding:0}.comments ul li{margin-bottom:30px}.comments ul li span{background-color:#222;padding:10px;border-radius:10px;justify-content:center}@media (max-width: 600px){.dashboard-page{flex-direction:column;align-items:center;gap:20px}#workout-date{display:block;margin-top:5px}#hyphen{content:""}}h1{font-size:1.25rem;font-weight:700;margin:0;padding:40px 0}.message{width:100%;margin-bottom:8px;border-radius:8px;box-shadow:0 2px 4px #0000000d;text-align:left}.message span{font-weight:700;color:#0073e6}.workout-page main{padding-top:50px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.workout-page table{width:100%;border-collapse:collapse;max-width:800px}.workout-page .exercise{display:flex;flex-direction:row;align-items:center;gap:10px;margin:0;justify-content:center}.workout-page th,.workout-page td{border:1px solid #333;padding:10px;text-align:center;width:50px}.workout-page th{background-color:#222}.workout-page button{padding:10px;font-family:OCR;background-color:#5c9eff;color:#fff;border:none;border-radius:5px;cursor:pointer}.workout-page .set-btn{margin-top:10px;margin-bottom:10px;background-color:#333;width:100%}.workout-page #save-button:disabled{background-color:#333}.workout-page #add-exercise-btn{margin-top:30px}.workout-page .record-form{display:flex;flex-direction:column;align-items:center}.workout-page .record-form input{padding:10px;border-radius:20px;font-family:OCR;color:#000;text-align:center}@media (max-width: 600px){.workout-page table{font-size:14px}.workout-page th,.workout-page td{padding:5px;width:auto}.workout-page input{width:50%}}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.modal{background-color:#333;padding:50px;display:flex;flex-direction:column;border-radius:5px;width:300px;text-align:center;position:relative}input{padding:8px;margin-bottom:15px;border:1px solid #ccc;border-radius:5px;font-size:1rem}.modal-list{list-style-type:none;padding:0;margin:0;max-height:200px;overflow-y:auto}.modal-close{padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-top:15px;width:100%}.modal-item{padding:8px;cursor:pointer}.modal-item:hover{background-color:#f1f1f1;color:#000}