:root{--color-accent:#266cf5;--color-text:#173878}html{box-sizing:border-box}html *{box-sizing:inherit}body{letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on;text-rendering:optimizelegibility;width:100vw;height:100vh;justify-content:center;align-items:center;margin:0;font:400 14px/1.4 Inter,sans-serif;display:flex}input{font-family:Inter,sans-serif}a{color:var(--color-accent);font-weight:500}.app{width:460px;border:2px solid var(--color-accent);background:#fafafa;border-radius:10px;flex-direction:column;display:flex;box-shadow:0 2px 8px #00000026}.app-header{justify-content:center;padding:8px 0;display:flex}.app-footer{text-align:center;padding:8px 0}.text-input{border-left:none;border-right:none;border-top:2px solid var(--color-accent);border-bottom:2px solid var(--color-accent);color:var(--color-text);padding:8px 12px;font-size:18px}.todo-item{border-bottom:2px solid var(--color-accent);background:#0000ff1a;justify-content:space-between;align-items:center;padding:8px 12px;font-size:18px;font-weight:500;display:flex}.todo-item-control{width:20px;height:20px;margin:0 12px 0 0}.todo-item-text{color:var(--color-text);flex:1}.todo-item-delete-button{color:#ff3c3c;cursor:pointer;background:0 0;border:none;font-size:20px}.todo-item-text-field{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-size:18px}