*{font-family:Inter,sans-serif;margin:0;padding:0;box-sizing:border-box;color:#1c1d21}h1,h2,h3,input,button{font-family:Montserrat,system-ui}#root{min-height:100vh;display:flex;flex-direction:column;padding:14px;background:#fff;gap:14px}header{display:flex;align-items:stretch}header,.main{max-width:800px;width:100%;margin:0 auto;gap:14px}header input{flex:1;border-radius:14px;outline:none;width:100%}header button{border-radius:14px;background:transparent;transition-duration:.2s;cursor:pointer;background:#0170e2;color:#fbfafc}header button:hover{opacity:.7}header input{background:#f4f5f6}header button,header input{padding:14px 18px;border:none;outline:none}p{font-size:.9em}.main{display:flex;flex-direction:column;gap:14px}.todoItem{display:flex;align-items:center;gap:14px;padding:14px;border-radius:14px;background:#f4f5f6}.todoItem p{flex:1}.todoItem.selected{background-color:#f4f5f6;outline:2px solid #0170e2}.actionsContainer{display:flex;align-items:center;gap:14px}.actionsContainer button{transition-duration:.2s;border:none;background:transparent;cursor:pointer}.actionsContainer button:hover{opacity:.7}@media (min-width: 640px){header button,header input{font-size:1.2em}p{font-size:1em}}