:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1f2937;background:#fff;font-family:system-ui,-apple-system,sans-serif}body{margin:0}.container{max-width:480px;margin:60px auto;padding:24px;font-family:system-ui,-apple-system,sans-serif}h1{margin-bottom:16px;font-size:24px}.header{justify-content:space-between;align-items:center;display:flex}form{flex-direction:column;gap:10px;display:flex}.add-form{flex-direction:row}input{border:1px solid #ccc;border-radius:6px;flex:1;padding:10px 12px;font-size:15px}button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:10px 16px;font-size:15px}button:hover{background:#1d4ed8}.logout{background:#6b7280;padding:6px 12px}.del{background:#ef4444;padding:4px 10px;font-size:13px}.error{color:#ef4444;margin-top:10px}.switch{color:#2563eb;cursor:pointer;margin-top:16px}.empty{color:#9ca3af}.todo-list{margin-top:20px;padding:0;list-style:none}.todo-list li{border-bottom:1px solid #eee;align-items:center;gap:10px;padding:10px 0;display:flex}.todo-list li span{flex:1}.todo-list li.done span{color:#9ca3af;text-decoration:line-through}.todo-list input[type=checkbox]{flex:none;width:18px;height:18px}