*{font-family:Inter,sans-serif;margin:0;padding:0;box-sizing:border-box;color:#202124}h1,h2,h3,input,button{font-family:"Press Start 2P",system-ui}button{border:none;background:none}button:hover,button:active{box-shadow:0 4px 8px #0003}button:active{transform:scale(.95)}.activeContainer{display:flex;gap:8px}#root{min-height:100vh;display:flex;flex-direction:column;padding:14px;background:#eff6ff;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}header button:hover{opacity:.7}header button,header input{padding:14px 18px;border:none;outline:none;background:#fff}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:#fff}.todoItem p{flex:1}.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}}