/* Adapted from Brad Traversy's MIT To-do List; see TEMPLATE.json. */
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f5f5f5;color:#333;font:18px/1.5 system-ui,sans-serif;padding:32px 16px}main{width:min(100%,620px);margin:auto}h1{color:#8260b4;text-align:center;font-size:clamp(40px,10vw,72px);margin:25px 0}label{display:block}#form{background:white;padding:20px;border-radius:12px;box-shadow:0 3px 14px #0001}.entry{display:flex;gap:10px;margin-top:8px}input:not([type=checkbox]){min-width:0;flex:1;padding:12px;border:1px solid #b5afbf;border-radius:6px;font:inherit}button{min-height:44px;border:0;border-radius:6px;padding:10px 14px;background:#7350a4;color:white;font:600 15px system-ui;cursor:pointer}.todos{list-style:none;padding:0}.todos li{background:white;border-bottom:1px solid #eee;padding:16px;display:flex;gap:12px;align-items:center}.todos label{display:flex;gap:12px;align-items:center;flex:1;min-width:0}.todos span{overflow-wrap:anywhere}.todos input{width:22px;height:22px;flex-shrink:0}.completed span{text-decoration:line-through;color:#777}.hint,#status{font-size:14px;color:#555}button:focus-visible,input:focus-visible{outline:3px solid #8b62be;outline-offset:3px}@media(max-width:420px){.entry{flex-direction:column}}