*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;max-width:100vw;overflow-x:hidden;line-height:1.5rem;font-family:Arial,Helvetica,sans-serif;background:#f7f7f7}body{min-height:100vh}main{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;gap:1rem;width:100%;max-width:100%}main>*+*{margin-top:2rem}section>*+*{margin-top:1rem}form>*+*{margin-top:1rem}fieldset{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}fieldset>*+*{margin-left:1rem}fieldset>input{min-width:60%}form>input{width:100%;padding:10px}input+ul{color:red;font-weight:700;min-width:100%}h1{font-size:3.375rem;line-height:3.375rem;text-align:center}h2{font-size:2.25rem;line-height:2.25rem;text-decoration:underline}th{padding:5px}.weight-form{display:flex;flex-direction:column;gap:16px;max-width:400px}.weight-form-group{display:flex;flex-direction:column;gap:4px}.weight-form-error{color:red}.card-section{padding:16px;margin:auto;width:100%;max-width:min(70ch,100%);display:flex;flex-direction:column;align-items:center;justify-content:space-between;box-shadow:0 1px 4px #0000000a;border-radius:8px;background:#fff;border:1px solid black;text-align:center}.chart-container{min-height:200px;width:100%;max-width:100%;overflow:hidden}.weightchart-button-group{display:flex;gap:8px;margin-bottom:12px;justify-content:center;align-items:center}.entries-table{width:100%;border-collapse:collapse}.entries-table th,.entries-table td{text-align:right;padding:5px}.entries-table th:first-child,.entries-table td:first-child{text-align:left}.entries-table td{text-align:right}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d}.dialog-container{position:absolute;top:50vh;left:50vw;transform:translate(-50%) translateY(-50%);width:clamp(30ch,70%,70ch);box-shadow:0 19px 38px #0000001f,0 15px 12px #00000038;padding:1rem;border:1px solid black;background-color:#fff}